Cách Thay đổi Màu Liên Kết Trong Html

Mục lục:

Cách Thay đổi Màu Liên Kết Trong Html
Cách Thay đổi Màu Liên Kết Trong Html

Video: Cách Thay đổi Màu Liên Kết Trong Html

Video: Cách Thay đổi Màu Liên Kết Trong Html
Video: How to Change Link Color in HTML (change text color) 2024, Tháng mười hai
Anonim

Các nhà phát triển web mới làm quen thường băn khoăn về việc thay đổi diện mạo của các siêu liên kết. Điều này là khá tự nhiên, bởi vì chủ đề về định dạng chính xác của các liên kết được các nhà thiết kế và thiết kế bố cục liên tục nêu ra.

Cách thay đổi màu liên kết trong html
Cách thay đổi màu liên kết trong html

Hướng dẫn

Bước 1

Theo mặc định, các liên kết được vẽ bằng màu xanh lam (# 0000FF), có gạch dưới và thay đổi màu khi chúng chuyển sang màu tím (# 800080), với các liên kết đang hoạt động được đánh dấu màu đỏ (# FF0000). Cài đặt màu cho tất cả các liên kết trên trang ở các trạng thái khác nhau của chúng được thực hiện bằng cách sử dụng các công cụ HTML tiêu chuẩn - ba thuộc tính của thẻ. Việc thay đổi các thông số thiết kế của các liên kết riêng lẻ có thể được thực hiện bằng cách thay đổi các giá trị của các thuộc tính của thẻ tương ứng.

Bước 2

Có ba cách để đặt giá trị cho các thuộc tính kiểu. Trong mọi trường hợp, bạn phải chỉ định phông chữ và màu gạch chân, có thể ở dạng mã thập lục phân với các biến thể đầy đủ (#FFFFFF) hoặc viết tắt (#fff). Màu cũng có thể được chỉ định ở định dạng RGB (101, 010, 111) hoặc giá trị html tiêu chuẩn của thuộc tính style, tức là từ khóa (xám, đỏ, v.v.). Các giá trị này được đặt cho các thuộc tính liên kết, liên kết và vlink.

Bước 3

Thuộc tính liên kết tùy chọn của thẻ xác định màu của tất cả các siêu liên kết trên trang. Nếu thuộc tính không được chỉ định, thì giá trị mặc định được giả định.

Bước 4

Thuộc tính alink tùy chọn của thẻ xác định màu của tất cả các siêu liên kết đang hoạt động, nghĩa là thay đổi màu của liên kết thành màu được chỉ định khi nhấp vào nó. Các mục menu trỏ đến trang hiện đang mở trong trình duyệt cũng được coi là siêu liên kết đang hoạt động. Nếu thuộc tính không được chỉ định, thì giá trị mặc định được giả định.

Bước 5

Thuộc tính vlink tùy chọn của thẻ xác định màu của tất cả các siêu liên kết được truy cập, nghĩa là thay đổi màu của liên kết sau khi nhấp vào nó. Nếu thuộc tính không được chỉ định, thì giá trị mặc định được giả định.

Bước 6

Bạn có thể sử dụng các thuộc tính CSS trong tài liệu HTML để thay đổi màu của tất cả các siêu liên kết. Chúng được viết giữa các thẻ được ghép nối và được chỉ định giữa các thẻ bắt buộc và. Thuộc tính được đặt thông qua bộ chọn A:, với lớp giả được truy cập, chỉ định màu của các liên kết đã truy cập, đang hoạt động, chỉ định màu của các liên kết đang hoạt động hoặc di chuột, chỉ định màu của các liên kết khi di chuột qua chúng.

Bước 7

Nếu bạn cần thay đổi màu của một liên kết riêng lẻ và không phải tất cả cùng một lúc, bạn nên sử dụng thuộc tính style cho thẻ, do đó kết nối các kiểu với một thẻ cụ thể. Giá trị của thuộc tính trong trường hợp này là thuộc tính màu, cú pháp như sau:, nghĩa là bạn có thể sử dụng bất kỳ phương pháp nào trong bốn phương thức để chỉ định màu.

Đề xuất: