Mengubah parameter tampilan tautan dalam html dapat dilakukan dengan menggunakan lembar gaya css berjenjang. Mereka memungkinkan Anda untuk menyesuaikan tampilan font tautan, warnanya sebelum pengguna mengkliknya dan setelah mengklik mouse. Anda juga dapat mengubah jenis huruf dari font yang digunakan dan ukurannya.
instruksi
Langkah 1
Kelas dan kelas semu digunakan untuk mengatur parameter tautan di css. Pseudo-class a: link mengatur gaya untuk link biasa, a: visitors memungkinkan Anda untuk menyesuaikan tampilan link yang sudah digunakan. A: active menangani parameter tag saat kursor diklik pada elemen, dan a: hover menyetel gaya tautan saat Anda mengarahkan kursor ke elemen tersebut. Anda juga dapat membuat kelas apa pun untuk elemen itu sendiri, dan dalam parameter gunakan operator standar untuk memformat teks.
Langkah 2
Untuk menonaktifkan tampilan garis bawah teks tautan di browser, gunakan parameter text-decoration: none. Anda dapat menentukan atribut ini baik di kelas maupun di kelas semu untuk sebuah elemen. Untuk mengubah warna tautan, gunakan parameter warna, untuk ukuran - atribut ukuran font standar. Jika Anda ingin menyertakan jenis huruf tebal atau miring, gunakan parameter font-weight.
Langkah 3
Buka file html Anda dengan editor teks apa pun yang Anda gunakan untuk mengedit kode halaman. Setelah itu, buka bagian dokumen Anda dan atur kode css untuk tautan mendatang di halaman menggunakan pegangan. Sebagai contoh:
Mengubah tautan
a: link {teks-dekorasi: tidak ada;
ukuran font: 14px;
font-berat: tebal;
warna merah; }
Langkah 4
Kode ini menghapus garis bawah dari tautan biasa, mengatur ukuran teks menjadi 14 piksel, menerapkan gaya tebal dan warna merah elemen. Sekarang tautan apa pun di tag akan ditampilkan seperti ini.
Langkah 5
Anda dapat mengatur gaya untuk setiap tautan tertentu menggunakan kelas css. Jadi, jika kode dalam tag terlihat seperti:
a.link1 {ukuran font: 20px; warna hitam;}
Langkah 6
Anda dapat mengatur ukuran tautan menjadi 20 piksel dan hitam dengan menggunakan kelas di badan dokumen sebagai berikut:
Tautan
Dari contoh, Anda dapat melihat bahwa tautan diberi kelas kode css langkah mundur yang dibuat dengan menentukan atribut kelas tautan. Tautan ini sekarang akan ditampilkan dalam warna hitam dan memiliki ukuran 20 piksel. Untuk mengubah atribut ini, edit kode css bagian halaman.
Langkah 7
Mengubah tampilan tautan selesai, Anda dapat menyimpan perubahan yang dibuat dalam file dan menjalankannya untuk dilihat di browser.
