Bagaimana untuk menebal garisan di bawah tag dalam css-tutorial css-php.cn

Bagaimana untuk menebal garisan di bawah tag dalam css

WBOY

Lepaskan： 2021-12-08 10:55:50

asal

4877 orang telah melayarinya

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;}".

Bagaimana untuk menebal garisan di bawah tag dalam css

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>

Salin selepas log masuk

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!