正文中的胖子邊框

Question

我正在爲我的公司做一個網頁設計。我有一個我不知道如何實現的設計元素。文本下有一定規模的粗邊框：

預先感謝您的幫助！

Answer 1

這裏，我們去：

http://jsfiddle.net/7rwcqhfj/

我這裏使用一個僞元素，並且只用h1下方的邊框居中它。它可以根據你的風格需求進行調整，但是顯示了一般想法。

下面是相關CSS，只適用於一個h1標籤：

h1 { 
    display: inline-block;  
} 

h1:after { 
    content: ''; 
    width: 100px; 
    display: block; 
    margin: 10px auto 0; 
    height: 0; 
    border-bottom: 4px solid #000000; 
} 

Answer 2

我覺得水平尺將服務宗旨：

<hr size="5" style="background-color:white;border:white;width:25%">