Cara Mengubah Warna Tautan Di Situs

Daftar Isi:

Cara Mengubah Warna Tautan Di Situs
Cara Mengubah Warna Tautan Di Situs

Video: Cara Mengubah Warna Tautan Di Situs

Video: Cara Mengubah Warna Tautan Di Situs
Video: CARA MUDAH MERUBAH WARNA TEMA PADA WEBSITE 2024, April
Anonim

Dalam proses pengerjaan situs, baik webmaster profesional maupun orang-orang yang terlibat dalam memperbarui situs, tetapi bukan profesional, membuat berbagai perubahan pada gaya sumber daya web. Misalnya, Anda mungkin perlu mengubah warna tautan di situs karena alasan tertentu.

Cara mengubah warna tautan di situs
Cara mengubah warna tautan di situs

Dalam hal ini, Anda perlu tahu bahwa warna tautan diubah menggunakan CSS (Cascading Style Sheets) - cascading style sheets. Ini adalah tabel yang digunakan bersama dengan bahasa pemrograman untuk membuat sumber daya web. CSS bertanggung jawab atas struktur situs, yaitu gaya, tampilan, dan html - untuk konten sumber daya. CSS merupakan kelanjutan dari evolusi HTML.

Warna tautan di situs

Jadi, Anda dapat mengubah warna tautan baik untuk situs secara keseluruhan, dan untuk setiap tautan secara terpisah. Warna tautan ditetapkan sebagai atribut dari tag utama. Atribut adalah sesuatu yang tidak perlu Anda tulis dalam kode, karena beberapa di antaranya sudah ditetapkan secara default. Atribut link menentukan warna link pada halaman situs. Standarnya adalah biru. Alink adalah atribut yang menentukan warna tautan aktif, secara default berwarna merah. Vlink - tautan yang dikunjungi, warna yang diterima secara umum adalah ungu.

Paling sering, warna tautan di halaman web diatur dalam notasi heksadesimal (#EEEEEE - abu-abu) atau dalam format rgb (# 808080 - abu-abu), tetapi Anda juga dapat menggunakan notasi warna bahasa Inggris tradisional (abu-abu - abu-abu). Selain itu, warnanya dapat diatur dalam derajat, format HSL cocok untuk ini. Bagan warna mudah ditemukan di Internet.

Ubah warna tautan

Untuk mengubah warna semua tautan di halaman, cukup dengan mengubah warna atribut warna di gaya. Untuk melakukan ini, temukan file style.css, buka dan temukan atribut a. Misalnya, A {warna: hijau; / * Warna tautan * /}, di mana A adalah tautan, yang warnanya kita ubah menjadi hijau. Anda dapat mengubah nilai warna sesuka Anda menggunakan salah satu sistem notasi warna. Browser akan "memahami" Anda. Gaya akan berlaku untuk semua tautan di halaman web. Anda dapat mengubah warna atribut lain dengan cara yang sama, misalnya, warna tautan saat Anda mengarahkan kursor mouse ke atasnya.

Untuk membuat tautan dalam warna berbeda di halaman web, gunakan entri berikut di lembar gaya:

.menu a {warna: abu-abu; }

.content a {warna: hijau; }

Ini mengikuti dari contoh bahwa tautan untuk menu akan berwarna abu-abu, dan tautan di blok konten akan berwarna hijau.

Langkah yang sama dapat dilakukan dengan tautan jika gaya tidak berada dalam file terpisah, tetapi dalam dokumen html itu sendiri. Ini adalah pemilih kontekstual.

Jika Anda ingin mengedit gaya dengan cepat dan mengubah warna tautan, maka lebih baik menggunakan editor visual Dreamwever. Hal utama yang perlu diingat adalah bahwa tautan harus terlihat organik dalam kaitannya dengan seluruh halaman web. Untuk latar belakang terang, tautan gelap lebih baik dan sebaliknya.

Direkomendasikan: