[問題] 如何製作該水平線

看板Web_Design作者 ( )時間8年前 (2016/12/14 17:56), 編輯推噓2(201)
留言3則, 3人參與, 最新討論串1/1
如下圖 http://imgur.com/a/7zUKG 原始碼如下 <h4>Offices</h4> <div class="separator">&nbsp;</div> 有沒有辦法改成<h4 class="test">Offices</h4> 或是<div class="test">Offices</div> 然後就可以顯示該文字,並且一併在下方顯示水平線? 似乎test的css要使用pseudo code(:after)才行? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.165.66 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1481709407.A.562.html

12/14 18:01, , 1F
為何不用hr?
12/14 18:01, 1F

12/14 18:02, , 2F
border-bottom:1px solid red; ?
12/14 18:02, 2F

12/14 19:13, , 3F
用border或是:after都可以唷
12/14 19:13, 3F
文章代碼(AID): #1OKHTVLY (Web_Design)
文章代碼(AID): #1OKHTVLY (Web_Design)