作者qazsd ( )
看板Web_Design
標題[問題] 如何製作該水平線
時間Wed Dec 14 17:56:43 2016
如下圖
http://imgur.com/a/7zUKG
原始碼如下
<h4>Offices</h4>
<div class="separator"> </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
推 Kenqr: 為何不用hr? 12/14 18:01
推 shadowjohn: border-bottom:1px solid red; ? 12/14 18:02
→ akccakcctw: 用border或是:after都可以唷 12/14 19:13