Rumah > Artikel > hujung hadapan web > Bagaimana untuk menebal garisan di bawah tag dalam css

Bagaimana untuk menebal garisan di bawah tag dalam css

WBOYasal: 2021-12-08 10:55:504863semak imbas

Dalam CSS, anda boleh menggunakan atribut "border-bottom" dan atribut "text-decoration" untuk menjadikan baris di bawah teg lebih tebal Sintaksnya ialah "a{text-decoration:none;border-. bottom:line Nilai ketebalan nilai warna pepejal;}".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Cara menebalkan garisan di bawah teg dalam css

Dalam css, anda boleh menggunakan atribut bawah sempadan dan hiasan teks Jadikan baris di bawah teg lebih tebal

atribut hiasan teks digunakan untuk menentukan pengubahsuaian yang ditambahkan pada teks Atribut sempadan bawah digunakan untuk menetapkan gaya sempadan bawah elemen. Oleh itu, kita boleh menukar teg asal dahulu Alih keluar garis bawah dan gunakan sempadan bawah elemen teg sebagai garisan di bawah teg Dengan cara ini, anda hanya perlu menetapkan nilai ketebalan sempadan bawah a tag.

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        a{
            color:red; 
            border-bottom:5px solid red; 
            text-decoration:none; }
    </style>
</head>
<body>
    <a href="">这是一个a标签</a>
</body>
</html>

Hasil keluaran:

Bagaimana untuk menebal garisan di bawah tag dalam css

(Belajar perkongsian video: tutorial video css )

Atas ialah kandungan terperinci Bagaimana untuk menebal garisan di bawah tag dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk melaksanakan transformasi terjemahan dalam cssArtikel seterusnya：Bagaimana untuk melaksanakan transformasi terjemahan dalam css

Artikel berkaitan

Lihat lagi