Thẻ icon trong HTML
Lời kết: Việc chèn icon rất đơn giản, chỉ cần khai báo thư viện là xong, không cần phải tải hay cài đặt gì cả. Cách làm thì đơn giản nhưng lại khiến cho trang web trở nên sinh động hơn rất nhiều, gây thiện cảm cho người hơn rất nhiều.
Cách đơn giản nhất để thêm biểu tượng(icon) vào trang HTML của bạn là sử dụng thư viện icon, chẳng hạn như Font Awesome. Show Thêm tên của lớp icon được chỉ định vào bất kỳ phần tử HTML nội tuyến nào (như 1 hoặc 2).Tất cả các biểu tượng trong thư viện biểu tượng bên dưới, là các vectơ có thể mở rộng và có thể được tùy chỉnh bằng CSS (kích thước, màu sắc, bóng, v.v.) 1.2. Font Awesome IconsĐể sử dụng các biểu tượng Font Awesome, hãy truy cập fontawesome.com, đăng nhập và nhận code để thêm vào phần 3 của trang HTML của bạn:
Lưu ý: Không cần tải xuống hoặc cài đặt!
Copy and chạy code 1.3 Bootstrap IconsĐể sử dụng các glyphicons Bootstrap, hãy thêm dòng sau vào trong phần 3 của trang HTML của bạn:
Lưu ý: Không cần tải xuống hoặc cài đặt!
Copyand chạy code 1.4 Google IconsĐể sử dụng các biểu tượng của Google, hãy thêm dòng sau vào bên trong phần 3 của trang HTML của bạn:
Lưu ý: Không cần tải xuống hoặc cài đặt!
2. Links trong CSS2.1. Links với styleCác liên kết có thể được tạo kiểu với bất kỳ thuộc tính CSS nào (ví dụ: 6, 7, 8, v.v.).
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à:
Khi đặt kiểu cho một số trạng thái liên kết, có một số quy tắc thứ tự:
2.2. Text DecorationThuộc tính text-decoration chủ yếu được sử dụng để xóa gạch dưới khỏi các liên kết:
2.3 Background Color
2.4. Link ButtonsVí dụ này minh họa một ví dụ nâng cao hơn trong đó chúng tôi kết hợp một số thuộc tính CSS để hiển thị các liên kết dưới dạng boxes / nút: 0Full series tự học CSS từ cơ bản tới nâng cao. Nếu bạn thấy hay và hữu ích, bạn có thể tham gia các kênh sau của cafedev để nhận được nhiều hơn nữa: |