提问老师，这样写有问题吗，红色边框怎么弄鸭？
来源：3-23 编程练习
TechnicalTopSales
2019-06-13 12:32:33
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
p a:link{color:orange;}
p a:hover{color:green;font-size:20px;border 1px,solid red;}
p.suit a:visited{color:green;}
p.wc a:visited{color:blue;}
p.skin a:visited{color:purple;}
</style>
</head>
<body>
<h2>商品列表</h2>
<p class="suit">
<a href="#">衣服鞋帽</a>
</p>
<p class="wc">
<a href="#">厕所清洁</a>
</p>
<p class="skin">
<a href="#">化妆用品</a>
</p>
</body>
</html>
1回答
-
同学你好，
1、页面上的3个链接，默认样式是不带下划线哒。建议：使用text-decoration: none;去掉a标签的下划线。
2、边框的书写建议参考：
3、如果href属性值一样的，会出现访问了一个链接，其他链接的颜色也都变了
建议：设置成不一样的href属性
如果帮助到了你，欢迎采纳，祝学习愉快~
1
相似问题