JSFiddle - React, Tailwind, and code Playground

by Tìm ở đây Khoá học CNTT

HTML

<h2>CSS Links</h2>
<p><b><a href="default.asp" target="_blank">This is a link</a></b></p>
<p><b>Lưu ý:</b> a:hover phải xuất hiện sau a:link và a:visited trong định nghĩa của CSS để tạo ra hiệu ứng.</p>
<p><b>Lưu ý:</b> a:active phải xuất hiện sau a:hover trong định nghĩa của CSS để tạo hiệu ứng.</p>

CSS

/* đường dẫn khi chưa click */
a:link {
    color: #FF0000;
}

/* dường dẫn đã click */
a:visited {
    color: #00FF00;
}

/* di chuyển chuột vào đường dẫn */
a:hover {
    color: #FF00FF;
}

/* đường dẫn đã chọn */
a:active {
    color: #0000FF;
}