Trang chủ
CSS
Liên kết CSS
Thử: Tạo kiểu liên kết
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> a.one:link {color:#ff0000;} a.one:visited {color:#0000ff;} a.one:hover {color:#ffcc00;} a.two:link {color:#ff0000;} a.two:visited {color:#0000ff;} a.two:hover {font-size:150%;} a.two:link {color:#ff0000;} a.ba:đã truy cập {color:#0000ff;} a.ba:hover {background:#66ff66;} a.four:link {color:#ff0000;} a.four:visited {color:#0000ff;} a. bốn:hover {font-family:monospace;} a.5:link {color:#ff0000;text-trang trí:none;} a.5:visited {color:#0000ff;text-trang trí:none;} a.year :hover {text-trang trí:underline;} </style> </head> <body> <h2>Tạo kiểu liên kết</h2> <p>Di chuột qua các liên kết và xem chúng thay đổi bố cục:</p> <p> <b><a class="one" href="default.asp" target="_blank">Liên kết này đổi màu</a></b></p> <p><b><a class=" two" href="default.asp" target="_blank">Liên kết này thay đổi kích thước phông chữ</a></b></p> <p><b><a class="ba" href="default .asp" target="_blank">Liên kết này thay đổi màu nền</a></b></p> <p><b><a class="four" href="default.asp" target=" _blank">Liên kết này thay đổi họ phông chữ</a></b></p> <p><b><a class="year" href="default.asp" target="_blank">Liên kết này thay đổi trang trí văn bản</a></b></p> </body> </html>