作者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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1481709407.A.562.html
1F：推 Kenqr: 为何不用hr? 12/14 18:01
2F：推 shadowjohn: border-bottom:1px solid red; ? 12/14 18:02
3F：→ akccakcctw: 用border或是:after都可以唷 12/14 19:13