CSS：兩側水平線居中的標題
此挑戰涉及創建以水平線垂直居中的頁面標題（標題）兩側居中，同時保持背景影像的透明度。
要解決此問題，請考慮以下解決方案：
<code class="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;
}
.color {
background-color: #ccc;
}</code>在此程式碼中：
此解決方案有效地將標題居中並建立所需的水平線，而無需引入任何其他 HTML 元素。
以上是如何使用 CSS 將標題與兩側的水平線置中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
