Cara Menyorot Tautan Dengan Warna

Daftar Isi:

Cara Menyorot Tautan Dengan Warna
Cara Menyorot Tautan Dengan Warna

Video: Cara Menyorot Tautan Dengan Warna

Video: Cara Menyorot Tautan Dengan Warna
Video: ClickFunnels: How to Change Text Color (More Customizable Option) 2024, April
Anonim

Bahasa markup HTML memiliki banyak pilihan untuk menampilkan elemen di jendela browser. Untuk mengedit parameter grafik, mengatur warna ke elemen halaman, CSS sering digunakan, yang memungkinkan Anda untuk menyempurnakan warna teks yang diinginkan.

Cara menyorot tautan dengan warna
Cara menyorot tautan dengan warna

instruksi

Langkah 1

Untuk mengedit parameter tampilan tautan, Anda perlu mengubah kode halaman. Buka dokumen HTML Anda dengan utilitas pengeditan kode. Gunakan editor Windows standar "Notepad". Anda juga dapat menginstal program tambahan seperti Notepad ++ atau HTML-Viewer yang memungkinkan Anda melihat kode yang Anda butuhkan dengan penyorotan sintaks. Untuk membuka file di editor, klik kanan dan pilih "Buka dengan". Dalam daftar yang muncul, tentukan utilitas yang telah Anda pilih.

Langkah 2

Di jendela editor, navigasikan ke tautan yang warnanya ingin Anda ubah. Setiap link memiliki bentuk Link Name. Untuk mengubah warna teks, gunakan parameter gaya.

Langkah 3

Setelah memilih baris yang perlu Anda ubah, buka blok halaman. Setelah deskriptor penutup, masukkan tag dan buat kelas semu CSS yang diinginkan. Sebagai contoh:

.colorchange {warna: merah;

latar belakang: biru;

bantalan: 1 piksel; }

Langkah 4

Kode ini membuat kelas semu bernama colorchange yang dapat digunakan dalam atribut tautan. Parameter warna bertanggung jawab atas warna teks elemen - dalam hal ini, nilai merah diatur, yang akan membuat teks berwarna merah. Anda dapat menambahkan nilai HTML apa pun ke item ini. Warna latar belakang tautan diatur melalui parameter latar belakang. Parameter padding bertanggung jawab atas indentasi tautan relatif terhadap elemen lain.

Langkah 5

Setelah membuat kelas semu, itu harus diatur di badan dokumen itu sendiri. Kembali ke bagian kode tempat tautan Anda berada. Edit dengan mengetikkan parameter kelas dan beri nilai dengan nama pseudo-class CSS. Sebagai contoh:

Nama tautan

Langkah 6

Anda akan membuat tautan merah dengan latar belakang biru dan bantalan 1 piksel seperti yang ditentukan dalam CSS di atas. Simpan perubahan yang dibuat pada file dan tutup jendela editor. Untuk memeriksa kode yang ditentukan, buka halaman Anda di jendela browser untuk memastikan bahwa pengaturan yang dibuat sudah benar. Penyorotan tautan dengan warna selesai.

Direkomendasikan: