Buzz
Bằng cách chỉnh sửa các thuộc tính CSS như màu sắc, font-family, background, ... chúng ta có thể sáng tạo và điều chỉnh liên kết theo ý muốn. Đừng bỏ lỡ nội dung về liên kết trong CSS dưới đây của Mytour để có thêm thông tin chi tiết.
Khám phá Sự Hấp Dẫn của Liên kết trong CSS
1. Khám Phá Liên Kết trong CSS.
2. Thuộc Tính Text-Decoration trong CSS.
3. Sức Mạnh của Thuộc Tính Background-Color.
4. Liên Kết Dưới Dạng Nút trong CSS.
1. Khám Phá Liên Kết trong CSS
Để định rõ các trạng thái của liên kết, bạn có thể sử dụng các thuộc tính sau:
a:link - liên kết chưa được truy cập.
a:visited - liên kết đã được truy cập.
a:hover - liên kết khi người dùng di chuột qua.
a:active - liên kết khi người dùng click chuột.
Ví dụ Minh Họa:
Kết Quả Cuối Cùng Mang Đi Dạng:
Khi áp dụng kiểu cho các liên kết trạng thái, hãy chú ý đến những quy tắc sau đây:
a:hover nên đặt sau a:link và a:visited.
a:active nên đặt sau a:hover.
2. Sức Mạnh của Thuộc Tính Text-Decoration trong CSS
Thuộc tính text-decoration trong CSS được áp dụng để loại bỏ những đường gạch chân trên mỗi liên kết.
Ví dụ Minh Họa:
Kết Quả Cuối Cùng Sẽ Có Dạng Như Sau:
3. Bí Mật của Thuộc Tính Background-Color.
Thuộc tính background-color được ứng dụng để định nghĩa màu nền cho liên kết trong CSS.
Ví dụ Minh Họa:
Kết Quả Cuối Cùng Sẽ Hiển Thị Như Sau:
4. Bí Quyết của Liên Kết Dưới Dạng Nút trong CSS.
Ví dụ: dưới đây là một minh họa về cách kết hợp một số thuộc tính CSS để tạo ra giao diện liên kết dưới dạng các hộp (box) / nút (button):
Kết Quả Cuối Cùng Sẽ Hiển Thị Như Thế Này:
Bài học này của Mytour vừa giới thiệu về liên kết trong CSS. Trong những bài học CSS sắp tới, Mytour sẽ tiếp tục giới thiệu với bạn về các thuộc tính định dạng bảng trong CSS. Nếu bạn có bất kỳ thắc mắc, hãy để lại bình luận dưới bài viết để Mytour hỗ trợ bạn trong việc học CSS.
