3-11的代码是否正确
来源:3-17 编程练习
梧桐呓语
2017-07-24 21:07:50
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>border属性</title>
<style type="text/css">
li{width:200px;height:50px;}
.li1{border-top-style:solid;
border-top-color:red;
}
.li2{border-right-style:dotted;
border-right-color:green;
}
.li3{border-bottom-style:dashed;
border-bottom-color:blue;
}
.li4{border-left-style:double;
border-left-style:purple;
}
.li5{border-style:solid;
border-color:orange;
}
</style>
</head>
<body>
<ul>
<li class="li1">第一个li</li>
<li class="li2">第二个li</li>
<li class="li3">第三个li</li>
<li class="li4">第四个li</li>
<li class="li5">第五个li</li>
</ul>
</body>
</html>
1回答
好帮手慕糖
2017-07-25
你好,(1)边框缺少宽为2px。
(2).li中应该是,border-left-color:purple;
(3)建议:可使用简写模式,以.li为例;如下:
.li1{ border-top:2px solid red; }
祝学习愉快!
相似问题