UC知道css中的透明边框
来源：百度知道 编辑：UC知道 时间：2024/06/22 01:51:43
<html>
<head>
<style type="text/css">
a:link, a:visited {
border-style: solid;
border-width: 5px;
border-color: transparent;
}
a:hover {border-color: gray;}
</style>
</head>
<body>
<a href="#">AAA</a>
<a href="#">BBB</a>
<a href="#">CCC</a>
</body>
</html>
这里的代码代表什么意思？a:link a:visited a:hpver分别代表什么意思？
<head>
<style type="text/css">
a:link, a:visited {
border-style: solid;
border-width: 5px;
border-color: transparent;
}
a:hover {border-color: gray;}
</style>
</head>
<body>
<a href="#">AAA</a>
<a href="#">BBB</a>
<a href="#">CCC</a>
</body>
</html>
这里的代码代表什么意思？a:link a:visited a:hpver分别代表什么意思？
a:link是超链接未点击是的样式
a:hover是鼠标指向超链接的样式
a:visited是超链接被点击后的样式
a:link, a:visited {
border-style: solid;
border-width: 5px;
border-color: transparent;
}
这段代码同时控制了超链接未点击和点击过后的样式，
border-style: solid;边线为实线
border-width: 5px;边线宽度为5个像素
border-color: transparent;边线颜色