[Tự học CSS] – Tìm hiểu về liên kết trong CSS

3025 lượt xem
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Chào các bạn, hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Bài viết này mình xin giới thiệu đến các bạn một thành phần rất quan trọng trong mọi website, đó chính là liên kết. Cũng như một đối tượng văn bản thông thường, chúng ta hoàn toàn có thể áp dụng các thuộc tính định dạng CSS,… cho một liên kết.

Liên Kết Tạo Kiểu

Liên kết có thể được tạo phong cách với bất cứ thuộc tính nào của CSS (ví dụ như colorfont-familybackground, vv).

 

Ngoài ra, các liên kết có thể được tạo kiểu khác nhau tùy thuộc vào trạng thái của chúng.

Bốn trạng thái liên kết là:

  • a:link – một liên kết bình thường, không được phép
  • a:visited – liên kết mà người dùng đã truy cập
  • a:hover – một liên kết khi người dùng di chuột qua nó
  • a:active – một liên kết thời điểm nó được nhấp

Ví du :

Khi đặt kiểu cho một số trạng thái liên kết, có một số quy tắc đặt hàng:

a: hover PHẢI đến sau: liên kết và: đã truy cập

a: hoạt động phải đến sau một: di chuột

Trang Trí Văn Bản

Các text-decoration chủ yếu được sử dụng để loại bỏ gạch dưới từ các liên kết: Ví dụ :

Màu Nền

Các background-color có thể được dùng để xác định một màu nền cho các liên kết: Ví dụ :

Nút Liên Kết (Phần Nâng Cao)

Ví dụ :

Bài viết đến đây là kết thúc rồi, tuy nó đơn giản vậy thôi, nhưng cực kỳ quan trọng bởi vì khi các bạn làm dự án WEB nào đều phải đụng tới nó cả. Cảm ơn các bạn đã xem bài viết, mình rất mong nhận được sự đóng góp ý kiến từ các bạn.

5/5 - (2 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện Wordpress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebookzalo chính thức.

Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!

Thẻ tìm kiếm:

Bài viết mới cập nhật:

One thought on “[Tự học CSS] – Tìm hiểu về liên kết trong CSS

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Trang chủ
Tìm kiếm
Lên trên
Chia sẻ
Tải lại
Bình luận