分享

【筆記】CSS水平分割線 - 以圖片取代橫線

關於分類 【筆記本】。
其實呢……
這東西分類成筆記就是裡面充滿了我可能錯誤的理解,
還有個人亂七八糟的感想。
有錯歡迎指正,有問題不一定能回答= =|||
語法是從 這裡 摸來的 
語法
div.hr {display: none} /* 讓原本的hr橫線不要顯示 */
  

div.hr {
 display: block; /* 讓整個block都顯示,而不是只有特定區塊 (應該) */
 height: 20px;   /* 水平分隔線的高度 */
 background-image: url(圖片網址) no-reapeat center center; //
 margin: 1em 0 1em 0; /* 區塊上下的留白順序是 上 → 右 → 下 → 左(順時針) */
}
hr {display:none} /* 讓原本的hr橫線不要顯示 */  
使用        
div.hr > 只有div 跟 hr 連著用(並且設定了類別)才會用中間那堆取代w

分類:學習

偶爾畫畫寫文看看動畫。Plurk:https://www.plurk.com/ChantMoon

評論
上一篇
  • 下一篇
  • 更多文章
    載入中... 沒有更多了