Cách Làm Nổi Bật Một Liên Kết Bằng Màu Sắc

Mục lục:

Cách Làm Nổi Bật Một Liên Kết Bằng Màu Sắc
Cách Làm Nổi Bật Một Liên Kết Bằng Màu Sắc

Video: Cách Làm Nổi Bật Một Liên Kết Bằng Màu Sắc

Video: Cách Làm Nổi Bật Một Liên Kết Bằng Màu Sắc
Video: Màu sắc trong thiết kế (Những kiến thức phối màu cơ bản) | BONART 2024, Tháng tư
Anonim

Ngôn ngữ đánh dấu HTML có một số lượng lớn các tùy chọn để hiển thị các phần tử trong cửa sổ trình duyệt. Để chỉnh sửa các thông số đồ họa, thiết lập màu sắc cho các phần tử trang, người ta thường sử dụng CSS, cho phép bạn tinh chỉnh màu văn bản mong muốn.

Cách làm nổi bật một liên kết bằng màu sắc
Cách làm nổi bật một liên kết bằng màu sắc

Hướng dẫn

Bước 1

Để chỉnh sửa thông số hiển thị liên kết, bạn cần thay đổi mã trang. Mở tài liệu HTML của bạn bằng tiện ích chỉnh sửa mã. Sử dụng trình soạn thảo Windows tiêu chuẩn "Notepad". Bạn cũng có thể cài đặt các chương trình bổ sung như Notepad ++ hoặc HTML-Viewer sẽ cho phép bạn xem mã bạn cần bằng cách đánh dấu cú pháp. Để mở tệp trong trình chỉnh sửa, nhấp chuột phải và chọn "Mở bằng". Trong danh sách xuất hiện, hãy chỉ định tiện ích bạn đã chọn.

Bước 2

Trong cửa sổ trình chỉnh sửa, điều hướng đến liên kết có màu bạn muốn thay đổi. Mỗi liên kết có dạng Tên liên kết. Để thay đổi màu của văn bản, hãy sử dụng tham số kiểu.

Bước 3

Sau khi chọn dòng bạn cần thay đổi, hãy chuyển đến khối trang. Sau bộ mô tả đóng, hãy nhập thẻ và tạo lớp giả CSS mong muốn. Ví dụ:

.colorchange {color: red;

nền: xanh lam;

đệm: 1px; }

Bước 4

Mã này tạo ra một lớp giả có tên là colorchange có thể được sử dụng trong các thuộc tính liên kết. Tham số màu chịu trách nhiệm về màu văn bản của phần tử - trong trường hợp này, giá trị màu đỏ được đặt, sẽ tạo ra văn bản có màu đỏ. Bạn có thể thêm bất kỳ giá trị HTML nào vào mục này. Màu nền của liên kết được đặt thông qua tham số nền. Tham số padding chịu trách nhiệm về sự thụt lề của liên kết so với các phần tử khác.

Bước 5

Sau khi tạo một lớp giả, nó phải được đặt trong chính phần nội dung của tài liệu. Quay lại phần mã nơi đặt liên kết của bạn. Chỉnh sửa nó bằng cách nhập tham số lớp và đặt cho nó một giá trị với tên của lớp giả CSS. Ví dụ:

Tên liên kết

Bước 6

Bạn sẽ tạo một liên kết màu đỏ với nền xanh lam và phần đệm 1 pixel như được chỉ định trong CSS ở trên. Lưu các thay đổi đã thực hiện đối với tệp và đóng cửa sổ trình chỉnh sửa. Để kiểm tra mã đã chỉ định, hãy mở trang của bạn trong cửa sổ trình duyệt để đảm bảo rằng các cài đặt được thực hiện là chính xác. Việc làm nổi bật liên kết bằng màu sắc đã hoàn thành.

Đề xuất: