[問題] 如何製作該水平線 qazsd PTT批踢踢實業坊

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

作者: qazsd ( ) 2016-12-14 17:56:43

如下圖
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)才行？

作者: Kenqr (function(){})() 2016-12-14 18:01:00

為何不用hr?

作者: shadowjohn (轉角遇到愛) 2016-12-14 18:02:00

border-bottom:1px solid red; ?

作者: akccakcctw (947) 2016-12-14 19:13:00

用border或是:after都可以唷

繼續閱讀

[問題] web server上建立r-leaflet套件rlearner [問題] WebhookFierceBreast [心得] pc端和移動端的兩難mywill [問題] 前端跟後端怎溝通（初學）WindT [問題] 用GC上政府機關https網頁發生錯誤freebug [問題] ASP.Net問題arashi2014 Re: [問題] 請問opencart商品縮圖問題iamnodoubt [問題] 請問opencart商品縮圖問題povertytrap [問題] 公告系統的製作??freebest999 [閒聊] 做了一個婚姻平權的網頁遊戲bill42362