Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk membuang garis bawah dalam css a

Bagaimana untuk membuang garis bawah dalam css a

藏色散人
Lepaskan: 2023-01-28 15:07:41
asal
4060 orang telah melayarinya

Cara membatalkan garis bawah dalam css a: 1. Buat fail sampel HTML 2. Tambah tag pada badan; 3. Tambah "#none{text-decoration: none;}" pada a tag Hanya batalkan garis bawah.

Bagaimana untuk membuang garis bawah dalam css a

Persekitaran pengendalian tutorial ini: Sistem Windows 10, versi css3, komputer DELL G3

Cara membatalkan garis bawah dalam css a?

Alih keluar garis bawah dalam teg:

Dalam halaman web pembangunan, hiperpautan yang ditetapkan oleh teg akan mempunyai garis bawah dalam prestasi, tetapi Banyak kali garis bawah itu tidak cantik. Jadi bagaimana kita menyingkirkannya? Artikel ini memberitahu anda cara mengalih keluar garis bawah dalam teg.

  • atribut hiasan-teks

Atribut hiasan-teks digunakan untuk menetapkan atribut garis bawah bagi teg a. Nilai atributnya ialah:

tiada: alih keluar garis bawah

garis bawah: tetapkan garis bawah

garis atas: tetapkan garis di atas teks

baris -through: line-through: pada teks Tetapkan baris di tengah

initial: nilai lalai

inherit: inherit daripada elemen induk

Mari kita lihat kod dan pelaksanaan khusus:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签划线</title>
<style type="text/css">
#none{
text-decoration: none;
}
#overline{
text-decoration: overline;
}
#overline{
text-decoration: line-through;
}
</style>
</head>
<body>
<a href="">这是正常样式</a><br>
<a href="" id="none">无下划线</a><br>
<a href="" id="overline">上划线</a><br>
<a href="" id="line-through">中划线</a><br>
</body>
</html>
Salin selepas log masuk

Kesan pencapaian:

Bagaimana untuk membuang garis bawah dalam css a

Kajian yang disyorkan: "tutorial video css"

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan