一,效果图。
二,代码。
<!DOCTYPE html>
<html> <head>
<meta charset="utf-8">
<title>CSS 链接(link)</title>
<style>
a:link {
color: #ff0000;
text-decoration: none;
background-color: #b2ff99;
} a:visited {
color: #00ff00;
text-decoration: none;
background-color: #ffff85;
} a:hover {
color: #ff00ff;
text-decoration: underline;
background-color: #ff704d;
} a:active {
color: #0000ff;
text-decoration: underline;
background-color: #ff704d;
}
</style>
</head> <body>
<p><b><a href="/css" target="_blank">这是一个链接</a></b></p>
</body> </html>
参考资料:《菜鸟教程》