Cách Thay đổi Màu Của Các Liên Kết Trên Trang Web

Mục lục:

Cách Thay đổi Màu Của Các Liên Kết Trên Trang Web
Cách Thay đổi Màu Của Các Liên Kết Trên Trang Web

Video: Cách Thay đổi Màu Của Các Liên Kết Trên Trang Web

Video: Cách Thay đổi Màu Của Các Liên Kết Trên Trang Web
Video: HƯỚNG DẪN THAY ĐỔI MÀU MENU 2024, Có thể
Anonim

Trong quá trình làm việc trên trang web, cả quản trị viên web chuyên nghiệp và những người tham gia cập nhật trang web, nhưng không phải là chuyên gia, đều thực hiện các thay đổi khác nhau đối với phong cách của tài nguyên web. Ví dụ: bạn có thể cần thay đổi màu sắc của các liên kết trên trang web vì một số lý do.

Cách thay đổi màu của các liên kết trên trang web
Cách thay đổi màu của các liên kết trên trang web

Trong trường hợp này, bạn cần biết rằng màu sắc của các liên kết được thay đổi bằng cách sử dụng CSS (Cascading Style Sheets) - các biểu định kiểu xếp tầng. Đây là những bảng được sử dụng cùng với ngôn ngữ lập trình để tạo tài nguyên web. CSS chịu trách nhiệm về cấu trúc của trang web, nghĩa là về kiểu dáng, giao diện và html - đối với nội dung của tài nguyên. CSS là sự tiếp nối của sự phát triển của HTML.

Màu liên kết trên trang web

Vì vậy, bạn có thể thay đổi màu của các liên kết cho toàn bộ trang web và cho từng liên kết riêng biệt. Màu liên kết được đặt làm thuộc tính của thẻ chính. Thuộc tính là thứ mà bạn không cần phải viết vào mã, vì một số thuộc tính đã được đặt theo mặc định. Thuộc tính liên kết xác định màu của các liên kết trên trang web. Mặc định là màu xanh lam. Alink là một thuộc tính xác định màu sắc của các liên kết đang hoạt động, theo mặc định nó có màu đỏ. Vlink - các liên kết được truy cập, màu thường được chấp nhận của chúng là màu tím.

Thông thường, màu của các liên kết trên các trang web được đặt theo ký hiệu thập lục phân (#EEEEEE - xám) hoặc ở định dạng rgb (# 808080 - xám), nhưng bạn cũng có thể sử dụng ký hiệu màu truyền thống của tiếng Anh (xám - xám). Ngoài ra, màu sắc có thể được thiết lập theo độ, định dạng HSL phù hợp cho việc này. Biểu đồ màu rất dễ tìm trên Internet.

Thay đổi màu sắc của các liên kết

Để thay đổi màu của tất cả các liên kết trên trang, chỉ cần thay đổi màu của thuộc tính color trong các kiểu là đủ. Để thực hiện việc này, hãy tìm tệp style.css, mở tệp đó và tìm thuộc tính. Ví dụ, A {color: green; / * Màu liên kết * /}, trong đó A là một liên kết, màu mà chúng ta thay đổi thành màu xanh lục. Bạn có thể thay đổi giá trị màu tùy thích bằng cách sử dụng bất kỳ hệ thống ký hiệu màu nào. Trình duyệt sẽ "hiểu" bạn. Phong cách sẽ áp dụng cho tất cả các liên kết trên trang web. Bạn có thể thay đổi màu của các thuộc tính khác theo cách tương tự, chẳng hạn như màu của một liên kết khi bạn di chuột qua nó bằng con trỏ chuột.

Để tạo các liên kết bằng các màu khác nhau trên một trang web, hãy sử dụng mục nhập sau trong biểu định kiểu:

.menu a {color: gray; }

.content a {color: green; }

Từ ví dụ này, các liên kết cho menu sẽ có màu xám và các liên kết trong khối nội dung sẽ có màu xanh lục.

Các bước tương tự có thể được thực hiện với các liên kết nếu các kiểu không nằm trong một tệp riêng biệt mà nằm trong chính tài liệu html. Đây là những bộ chọn theo ngữ cảnh.

Nếu bạn muốn nhanh chóng chỉnh sửa kiểu và thay đổi màu sắc của các liên kết, thì tốt hơn là sử dụng trình chỉnh sửa trực quan Dreamwever. Điều chính cần nhớ là các liên kết phải trông hữu cơ so với toàn bộ trang web. Đối với nền sáng, liên kết tối sẽ tốt hơn và ngược lại.

Đề xuất: