Thay đổi thông số hiển thị của các liên kết trong html có thể được thực hiện bằng cách sử dụng các bảng kiểu css xếp tầng. Chúng cho phép bạn tùy chỉnh hiển thị phông chữ liên kết, màu sắc của nó trước khi người dùng nhấp vào nó và sau khi nhấp chuột. Bạn cũng có thể thay đổi kiểu chữ của phông chữ được sử dụng và kích thước của nó.
Hướng dẫn
Bước 1
Các lớp và lớp giả được sử dụng để thiết lập các tham số liên kết trong css. Lớp giả a: liên kết đặt kiểu cho một liên kết thông thường, a: đã thăm cho phép bạn tùy chỉnh cách hiển thị của một liên kết đã được sử dụng. A: active xử lý các tham số của thẻ khi con trỏ được nhấp vào phần tử và a: hover đặt kiểu của liên kết khi bạn di chuột qua nó. Bạn cũng có thể tự tạo bất kỳ lớp nào cho phần tử và trong các tham số sử dụng các toán tử tiêu chuẩn để định dạng văn bản.
Bước 2
Để tắt hiển thị dòng gạch dưới của văn bản liên kết trong trình duyệt, hãy sử dụng tham số text-decoration: none. Bạn có thể chỉ định thuộc tính này cả trong một lớp và trong một lớp giả cho một phần tử. Để thay đổi màu của liên kết, hãy sử dụng tham số màu, cho kích thước - thuộc tính kích thước phông chữ tiêu chuẩn. Nếu bạn muốn bao gồm kiểu in đậm hoặc in nghiêng, hãy sử dụng tham số font-weight.
Bước 3
Mở tệp html của bạn bằng bất kỳ trình soạn thảo văn bản nào bạn sử dụng để chỉnh sửa mã trang. Sau đó, đi tới một phần của tài liệu của bạn và đặt mã css cho các liên kết trong tương lai trên trang bằng cách sử dụng một tay cầm. Ví dụ:
Thay đổi liên kết
a: link {text-decoration: none;
font-size: 14px;
font-weight: bold;
màu đỏ; }
Bước 4
Mã này loại bỏ gạch dưới khỏi một liên kết thông thường, đặt kích thước văn bản thành 14 pixel, áp dụng kiểu in đậm và màu đỏ của phần tử. Bây giờ bất kỳ liên kết nào trong thẻ sẽ được hiển thị như thế này.
Bước 5
Bạn có thể tạo kiểu cho từng liên kết cụ thể bằng cách sử dụng các lớp css. Do đó, nếu mã trong thẻ trông giống như:
a.link1 {font-size: 20px; màu đen;}
Bước 6
Bạn có thể đặt kích thước của liên kết thành 20 pixel và màu đen bằng cách sử dụng lớp trong phần nội dung của tài liệu như sau:
Liên kết
Từ ví dụ, bạn có thể thấy rằng liên kết đã được gán cho lớp mã css bước lùi đã tạo bằng cách chỉ định thuộc tính lớp của liên kết. Liên kết này bây giờ sẽ được hiển thị bằng màu đen và có kích thước là 20 pixel. Để thay đổi thuộc tính này, hãy chỉnh sửa mã css của phần trang.
Bước 7
Thay đổi giao diện của liên kết hoàn tất, bạn có thể lưu các thay đổi đã thực hiện trong tệp và chạy nó để xem trên trình duyệt.
