Bài 19: Cách sử dụng Links trong css

Cách sử dụng Links trong css

Trong CSS, bạn có thể tùy chỉnh các liên kết (links) trên trang web của mình bằng cách sử dụng các thuộc tính liên quan đến liên kết. Các thuộc tính này bao gồm:

1. color: Đặt màu sắc cho liên kết. Ví dụ: color: blue;.

2. text-decoration: Đặt kiểu trang trí cho liên kết. Giá trị có thể là none, underline, overline, line-through, hoặc blink. Ví dụ: text-decoration: none;.

3. cursor: Đặt kiểu con trỏ khi di chuột qua liên kết. Giá trị có thể là auto, pointer, default, hoặc một số giá trị khác. Ví dụ: cursor: pointer;.

Ví dụ, để đặt màu sắc là xanh cho liên kết, bạn có thể sử dụng mã CSS sau đây:

a {
  color: blue;
}

Hoặc để đặt kiểu trang trí là gạch chân cho liên kết khi rê chuột qua, bạn có thể sử dụng mã CSS sau đây:

a:hover {
  text-decoration: underline;
}

Lưu ý rằng các thuộc tính liên quan đến liên kết có thể được áp dụng cho các loại liên kết khác nhau, ví dụ như liên kết trong văn bản, liên kết trong thẻ hình ảnh, hoặc liên kết trong các nút. Để tùy chỉnh các loại liên kết này, bạn có thể sử dụng các bộ chọn CSS như a, img, hoặc button.