如何建立兩側有水平線且沒有背景的標題
在這種情況下,您需要使用以下命令建立居中的頁面標題兩邊有水平線,沒有任何背景顏色。
CSS 解決方案:
h1 { position: relative; font-size: 30px; z-index: 1; overflow: hidden; text-align: center; } h1:before, h1:after { position: absolute; top: 51%; overflow: hidden; width: 50%; height: 1px; content: '\a0'; background-color: red; } h1:before { margin-left: -50%; text-align: right; } /*Optional for background color*/ .color { background-color: #ccc; }
說明:
注意:此解可以處理不同長度的標題,而無需手動調整行位置。
以上是以下是一些適合您提供的文本的基於問題的文章標題: * 如何建立居中標題,兩側有水平線(無背景)? * 想要為你添加水平線的詳細內容。更多資訊請關注PHP中文網其他相關文章!