pautan css batalkan

Bagaimana untuk membatalkan pautan dengan CSS?

Dalam pengeluaran halaman web, pautan adalah elemen yang sangat biasa. Apabila kita mencantikkan halaman web, kadangkala kita perlu mengalih keluar garis bawah atau warna beberapa pautan. Bagaimanakah caranya? Mari belajar cara membatalkan pautan melalui CSS.

1. Batalkan garis bawah

Dalam CSS, kami boleh mengawal garis bawah pautan melalui atribut hiasan teks Tetapkan nilainya kepada tiada untuk mengalih keluar garis bawah.

Sebagai contoh, jika kita mempunyai sekeping kod HTML seperti berikut:

<a href="#">我是一个链接</a>

Kemudian kita boleh membatalkan garis bawah pautan melalui kod CSS berikut:

a {
  text-decoration: none;
}

Ini cara Sebaik sahaja ini berlaku, garis bawah di bawah pautan akan dialih keluar.

2. Batalkan warna

Kadangkala, kita juga perlu menukar warna pautan sambil mengalih keluar garis bawah. Pada ketika ini, kami boleh mengawal warna pautan melalui atribut warna dan menetapkan nilainya kepada warna yang anda inginkan.

Sebagai contoh, jika kita mempunyai sekeping kod HTML seperti berikut:

<a href="#">我是一个链接</a>

Kemudian kita boleh menggunakan kod CSS berikut untuk membatalkan garis bawah dan menetapkan warna pautan pada masa yang sama:

a {
  text-decoration: none;
  color: #333;
}

Dengan cara ini, garis bawah di bawah pautan akan dibatalkan dan warna pautan akan menjadi #333.

3. Batalkan gaya tuding

Kadangkala, kami ingin membatalkan perubahan apabila pautan dilegar Contohnya, secara lalai, pautan akan digariskan, ditukar warna. dan lain-lain apabila tetikus dilegar . Pada masa ini, kita boleh menggunakan :hover pseudo-class untuk menukar keadaan hover pautan.

Sebagai contoh, jika kita mempunyai sekeping kod HTML seperti berikut:

<a href="#">我是一个链接</a>

Kemudian kita boleh menggunakan kod CSS berikut untuk membatalkan perubahan apabila pautan dilegar:

a:hover {
  text-decoration: none;
  color: #333;
}

Dengan cara ini, apabila pautan dilegar, garis bawah dan warna akan berubah kepada nilai yang ditetapkan apabila pautan digariskan.

Ringkasan

Di atas ialah beberapa kaedah untuk membatalkan pautan melalui CSS. Sudah tentu, dalam situasi sebenar kita juga boleh membuat lebih banyak perubahan gaya, seperti fon, warna latar belakang, dsb. Walau bagaimanapun, ketiga-tiga kaedah di atas adalah mencukupi untuk memenuhi kebanyakan keperluan kita. Saya harap artikel ini dapat membantu semua orang.

Atas ialah kandungan terperinci pautan css batalkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!