Berikut ialah beberapa pilihan tajuk yang sesuai dengan kandungan yang anda sediakan: Pilihan 1 (Fokus pada Cabaran): Bagaimana untuk Memusatkan Tajuk dengan Garis Mendatar di Mana-mana Sebelah Tanpa HTML Tambahan? Pilihan 2 (Fokus pada Solu

Tajuk dengan Garisan Mendatar di Mana-mana Sisi

Soalan ini meneroka cabaran untuk mencipta tajuk halaman (tajuk) berpusat dengan garisan mendatar yang berpusat menegak pada kedua-dua belah. Matlamatnya adalah untuk mencapai kesan ini tanpa menambah HTML tambahan dan sambil mempertimbangkan imej latar belakang pada halaman.

Penyelesaian Yang Mungkin

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;
}</code>

HTML:

Atas ialah kandungan terperinci Berikut ialah beberapa pilihan tajuk yang sesuai dengan kandungan yang anda sediakan: Pilihan 1 (Fokus pada Cabaran): Bagaimana untuk Memusatkan Tajuk dengan Garis Mendatar di Mana-mana Sebelah Tanpa HTML Tambahan? Pilihan 2 (Fokus pada Solu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!