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: 05 - Thẻ liên kết trong HTML 2024, Tháng mười hai
Anonim

Màu của các liên kết HTML được đặt bằng cách sử dụng các lệnh thẻ thích hợp. Bạn cũng có thể sử dụng mã CSS để thay đổi các thông số của thẻ, điều này cho phép bạn tùy chỉnh chính xác hơn màu sắc và bố cục của trang.

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

Html

Mở tệp HTML bằng bất kỳ trình soạn thảo văn bản nào. Để thực hiện việc này, bấm chuột phải vào tệp và chọn "Mở Bằng", sau đó chọn chương trình để sử dụng.

Chuyển đến thẻ trang và đặt các thuộc tính liên kết, vlink và alink bổ sung. Tham số liên kết xác định màu của một liên kết thông thường trên trang và có màu xanh lam theo mặc định. Thêm thuộc tính alink sẽ thay đổi màu sắc khi nhấp chuột trái (màu đỏ theo mặc định). Vlink cho biết màu của các liên kết đã được truy cập. Bạn có thể đặt các thông số như sau:

Trong ví dụ này, màu của văn bản được gắn thẻ đã được thay đổi thành màu đen. Khi được nhấp bằng chuột, phân mảnh sẽ được đánh dấu bằng màu xanh lá cây. Khi bạn truy cập lại trang, bạn sẽ thấy liên kết có màu nâu.

Thay vì chỉ định tên tiếng Anh, bạn cũng có thể sử dụng các giá trị hex HTML để đặt màu mong muốn:

CSS

Các thuộc tính CSS có thể được sử dụng để đặt màu trên trang. Ví dụ:

Liên kết

Liên kết 2

Màu của văn bản được đặt bằng cách chỉ định tham số màu CSS trong thuộc tính style, có thể được chỉ định ở định dạng thập lục phân hoặc định dạng từ.

Để đặt màu cho tất cả các liên kết trên trang bằng CSS, hãy chuyển đến phần. Chỉ định một thẻ để khai báo việc sử dụng biểu định kiểu trong tài liệu, sau đó đặt các tham số đã truy cập, hoạt động và di chuột cho thẻ. Ví dụ: một đoạn mã có thể trông như thế này:

Tiêu đề trang

a {color: green; }

a: đã thăm {color: gray; }

a: active {color: yellow; }

a: hover {color: cam; }

& lt / head>

Thuộc tính đơn giản cho biết màu của một liên kết bình thường được đặt trên trang. A: đã truy cập xác định kiểu cho một liên kết đã truy cập trước đó, a: hoạt động sẽ được đánh dấu khi nhấp vào. Di chuột đặt các tùy chọn màu để di chuột qua văn bản.

Lưu các thay đổi được thực hiện trong tệp và kiểm tra kết quả của mã bạn đã chỉ định trong cửa sổ trình duyệt. Nếu tất cả các tham số được chỉ định chính xác, bạn sẽ thấy những thay đổi trong việc hiển thị các siêu liên kết. Để mở tài liệu HTML trong trình duyệt, hãy nhấp đúp vào tài liệu đó bằng nút chuột trái hoặc nhấp chuột phải và chọn mục thích hợp từ trình đơn thả xuống “Mở bằng”.

Đề xuất: