Bốn trạng thái liên kết trong liên kết CSS là gì?
Liên kết có thể được tạo kiểu với bất kỳ thuộc tính CSS nào, chẳng hạn như 56, 57, 58 và 59. Đây là một ví dụ dễ dàng Show
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 Liên kết cũng có 4 trạng thái và nhiều lập trình viên tạo kiểu cho mỗi trạng thái khác nhau. Bốn trạng thái là
Thuộc tính 2 chịu trách nhiệm tạo URL và có thể được sửa đổi bằng cách sử dụng một số thuộc tính tạo kiểu CSS, mặc dù nó có một vài thuộc tính theo mặc định
Bạn có thể thay đổi những điều này bằng cách thêm thay đổi thuộc tính 56 và 4
Bạn cũng có thể tạo kiểu cho liên kết dựa trên tương tác bằng các thuộc tính này, còn được gọi là trạng thái liên kết
Đây là một số CSS mẫu sử dụng 4 trạng thái
Lưu ý rằng có một số quy tắc đặt hàng khi bạn đặt kiểu cho trạng thái liên kết
1 PHẢI đến sau 0a. liên kết - một liên kết bình thường, chưa được truy cập a. đã truy cập - một liên kết mà người dùng đã truy cập. hover - một liên kết khi người dùng di chuột qua nó. hoạt động - một liên kết ngay khi nó được nhấp vào 0Tìm hiểu thêm về kiểu dáng trong CSS
QUẢNG CÁO QUẢNG CÁO Nếu bài viết này hữu ích, hãy tweet nó Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu CSS. liên kết Cải thiện bài viết Lưu bài viết Thích bài viết
Cải thiện bài viết Lưu bài viết Liên kết là kết nối từ trang web này đến trang web khác. Thuộc tính CSS có thể được sử dụng để tạo kiểu cho các liên kết theo nhiều cách khác nhau.
Cú pháp. 1tên_màu có thể được cung cấp ở bất kỳ định dạng nào như tên màu (xanh lục), giá trị HEX (#5570f0) hoặc giá trị RGB rgb(25, 255, 2). Có một trạng thái khác ‘a. tiêu điểm' được sử dụng để tập trung khi người dùng sử dụng phím tab để điều hướng qua các liên kết.
Ví dụ html 65 66 67 68 69 66 21 68 23 66______125 26 25 68 23 66______181 68 83 84 85 86 85 88 83 60 23 23 63____181 68_______369____263____121 68
69 66 32 68 69 66 36 37 38 39 38 651 36 68 69 63____332 657_______263____367____368 Đầu ra. Thuộc tính CSS của Liên kết. Một số thuộc tính CSS cơ bản của các liên kết được đưa ra bên dưới.
màu. Thuộc tính CSS này được sử dụng để thay đổi màu của văn bản liên kết. 2Ví dụ. html 65 66 67 68 69 66 21 68 23 66______125 672 25 68 23 66______181 68 83 84_______185____3682 _______185____3684 83 60 23_______183____3689 83 691 85 693 83 60 23 83 698 83 200 85 202 83 60 23 83 207 83 209 85 211 83 60 23 83____1216 83 218 85 220 83 60 23 23 63____181 68_______369____263____121 68 69 69 66 32 68 23 66______336 37 38 242______338 68 245 246 36 68 69 63____332 657_______263____367____368 Đầu ra. họ phông chữ. Thuộc tính này được sử dụng để thay đổi loại phông chữ của liên kết bằng thuộc tính font-family. 8Ví dụ. html 65 66 67 68 69 66 21 68 23 66______181 68 83____1269 83 271 85 273 83 60 83 84 85 279_______185____3684 83 60 23 83 286 83 691 85 290 83 60 23 83____1295 83 200 85 273 83 60 23 83 804 83 209 85 808 83 60 23 83 813 83 218 85 817 83 60 23 63____181 68_______369____263____121 68
69 66 32 68 23 66______336 37 38 837 23 839____338 841 23 843 36 68 69 63____332 68 63____367____1852Đầu ra. Trang trí văn bản. Thuộc tính này về cơ bản được sử dụng để xóa/thêm gạch dưới từ/vào một liên kết. 6Ví dụ. html 65 66 67 68 69 66 21 68 23 66______125 864 25 68 23 66______181 68 23 83 873 83 84 85 877 83 60 83 83____1882 83 884 85 886 83 60 83 890 83____1892 83 894 23 63____181 68_______369____263____121 68 69 66 32 68 23 66______336 37 38 612 38 841 23 843 36 68 69 63____332 657_______263____367____368 Đầu ra. màu nền. Thuộc tính này được sử dụng để thiết lập màu nền của liên kết. 3Ví dụ. html 65 66 67 68 69 66 21 68 23 66____125 637 25 68 23 66______181 68 83 645 83____2647 85 877 83 60 83 653 83 691 85 657 85 659 85 661 85 886 85 665 83 60 23 83 670 83 209 85 674 85 676 85 661 85 88 85 886 85 665 83 60 23 63____181 68_______369____263____121 68 69 66 32 68 23 66______336 37 38 304 245 306 38 308 36 68 69 63____332 657_______263____367____368 Đầu ra. Nút liên kết CSS. Các liên kết CSS cũng có thể được tạo kiểu bằng các nút/hộp. Ví dụ sau đây cho thấy cách các liên kết CSS có thể được thiết kế dưới dạng các nút. html 65 66 67 68 69 66 21 68 23 66______125 329 25 68 23 66______181 68 83 645 83____2647 85 877 83 60 83 271 85 674 85 676 85 661 85 353 85 88 85 886 85 665 83 60 23 63____181 68_______369____263____121 68 69 66 32 68 23 66______336 37 38 304 380 306 38 308 36 68 69 63____332 389_______263____367____368 Đầu ra.
Ghi chú cá nhân của tôi arrow_drop_up Tiết kiệm Vui lòng Đăng nhập để nhận xét.Trạng thái liên kết trong CSS là gì?Liên kết là phần tử tương tác và có thể thay đổi cách hiển thị của chúng dựa trên trạng thái tương tác hiện tại của chúng với người dùng . Điều quan trọng là viết CSS cho từng trạng thái để biểu thị trực quan cho người dùng cách họ tương tác với liên kết.
3 trạng thái của một liên kết là gì?Theo mặc định, siêu liên kết được gạch dưới và có ba trạng thái khác nhau được xác định bằng màu văn bản. trạng thái mặc định (bình thường) có màu xanh dương, trạng thái hoạt động có màu đỏ và trạng thái đã truy cập có màu tím . Trạng thái hoạt động được kích hoạt khi liên kết đang được nhấp hoặc vừa được nhấp.
5 trạng thái của liên kết a > là gì?Có tổng cộng năm trạng thái khác nhau mà một siêu liên kết có thể có. bình thường, đã truy cập, di chuột, đang hoạt động, tiêu điểm .
Có bao nhiêu trạng thái liên kết?Trả lời. Một liên kết có bốn trạng thái khác nhau — liên kết, đã truy cập, đang hoạt động và di chuột. Bốn trạng thái này của một liên kết hoặc siêu liên kết có thể được tạo kiểu khác nhau thông qua các thuộc tính CSS bằng cách sử dụng các lớp giả của các phần tử neo, tùy thuộc vào trạng thái của chúng. |