Bagaimana untuk memastikan garis bawah tebal berfungsi pada pemisah baris?
P粉366946380
2023-09-05 13:21:47
<p>Saya menggunakan kod berikut untuk menambah hiasan garis bawah yang lebih tebal/bergaya pada hiperpautan saya. </p>
<pre class="brush:php;toolbar:false;">a { text-decoration: none;
a:hover { color: #c0632e }
a::selepas { kandungan: "";
bawah: 0; kiri: 0;
kelegapan: 0.15;
a:hover::after { background-color: #c0632e }</pre>
<p>Walau bagaimanapun, ia hanya berfungsi jika saya menukarnya kepada kelas dan menambahkannya pada setiap pautan sebagai <kod><span></code>. Jika saya cuba melaksanakannya secara global, ia tidak berfungsi apabila terdapat baris baharu di tengah-tengah hiperpautan. Ia berfungsi dengan baik apabila tiada pemisah baris, tetapi tidak apabila terdapat pemisah baris. </p>
<p>Adakah terdapat cara untuk membetulkannya supaya ia boleh digunakan secara global tanpa perlu mentakrifkan <kod><span></code> </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Saya juga mengalami masalah yang sama baru-baru ini. Saya cadangkan anda menggunakan bahagian bawah sempadan dan bukannya ::selepas. Cuba ini:
a { border-bottom: 1rem solid; }Anda juga boleh menggunakan px untuk menentukan saiz dan bukannya rem. Jangan lupa nyatakan warna sempadan jika ia tidak muncul