set css a

CSS ialah bahasa gaya yang digunakan untuk reka bentuk web. Ia boleh mengawal reka letak, fon, warna dan butiran lain halaman web. Antaranya, menetapkan gaya hiperpautan a juga merupakan salah satu teknik yang biasa digunakan dalam CSS.

Hiperpautan ialah elemen interaktif yang biasa digunakan dalam halaman web. Ia boleh memaut ke halaman web lain, sauh pada halaman yang sama, alamat e-mel, nombor telefon, dsb. Dalam CSS, teg bukan sahaja boleh menetapkan penampilan pautan, tetapi juga mengawal gaya pautan dalam keadaan yang berbeza.

Di bawah, kami akan memperkenalkan cara menggunakan CSS untuk menetapkan gaya teg, termasuk warna pautan, garis bawah, latar belakang, dsb.

1. Tukar warna teks hiperpautan

Teks hiperpautan adalah biru secara lalai, tetapi kami boleh menggunakan CSS untuk menukarnya kepada warna lain, seperti merah, hijau, dsb.

Untuk menukar warna teks pautan, anda boleh menggunakan kod berikut:

a {
    color: #ff0000;
}

Dalam contoh ini, kami menetapkan warna teks pautan kepada merah. Sebagai alternatif, warna boleh ditakrifkan menggunakan nama warna (seperti merah, hijau, biru, dll.) atau nilai RGB.

2. Alih keluar garis bawah hiperpautan

Secara lalai, terdapat garis bawah di bawah teks hiperpautan. Jika anda tidak mahu garis bawah ini, anda boleh menggunakan kod CSS berikut:

a {
    text-decoration: none;
}

Kod ini menetapkan gaya garis bawah pautan kepada tiada, yang bermaksud tiada garis bawah. Sebagai alternatif, jika anda hanya mahu mengalih keluar garis bawah pautan pada tuding, anda boleh menggunakan kod berikut:

a:hover {
    text-decoration: none;
}

Kod ini menetapkan gaya garis bawah pautan pada tuding kepada tiada.

3. Tetapkan warna pautan semasa melayang

Sesetengah tapak web mahu warna hiperpautan berubah semasa melayang, yang membolehkan pengguna mengenal pasti pautan dengan lebih baik. Untuk mencapai kesan ini, anda boleh menggunakan kod CSS berikut:

a:hover {
    color: #ff0000;
}

Kod ini menetapkan warna teks pautan pada tetikus kepada merah. Begitu juga, warna boleh ditakrifkan menggunakan nama warna atau nilai RGB.

4. Tetapkan warna latar belakang pautan

Kadangkala, kami ingin menambah warna latar belakang di sekeliling pautan untuk menjadikannya lebih menarik perhatian. Untuk mencapai kesan ini, anda boleh menggunakan kod CSS berikut:

a {
    background-color: #ff0000;
    color: #ffffff;
    padding: 5px;
}

Kod ini menetapkan warna latar belakang pautan kepada merah, warna teks kepada putih dan menambah padding 5px di sekeliling pautan. Atribut padding dalam blok kod ini juga boleh ditetapkan mengikut keperluan sebenar.

5. Tetapkan gaya pautan selepas ia diklik

Sesetengah tapak web ingin menunjukkan gaya yang berbeza selepas pautan diklik, menunjukkan bahawa pautan telah dilawati. Untuk mencapai kesan ini, anda boleh menggunakan kod CSS berikut:

a:visited {
    color: #999999;
    text-decoration: line-through;
}

Kod ini menetapkan warna teks pautan selepas ia diklik kepada kelabu dan menambah gaya coretan (hiasan teks: baris). Perlu diingatkan bahawa kod ini hanya akan berkuat kuasa selepas pautan benar-benar diklik.

Di atas ialah beberapa petua dan contoh menggunakan CSS untuk menetapkan teg. Melalui kod ini, kami boleh menyesuaikan gaya hiperpautan untuk menjadikan halaman web kelihatan lebih cantik dan lebih mudah digunakan. Jika anda mereka bentuk tapak web, pastikan anda memanfaatkan CSS untuk mengawal penggayaan pautan anda.

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