请老师检查，谢谢。
来源：2-6 编程练习
慕斯卡2474635
2021-06-05 23:26:53
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>边框</title>
<style>
li {
width: 200px;
height: 50px;
}
/*补充代码*/
li.li1 {
border-top: 2px solid red;
}
li.li2 {
border-right: 2px dotted green;
}
li.li3 {
border-bottom: 2px dashed blue;
}
li.li4 {
border-left: 3px solid purple;
}
</style>
</head>
<body>
<ul>
<li class="li1">第一个li</li>
<li class="li2">第二个li</li>
<li class="li3">第三个li</li>
<li class="li4">第四个li</li>
</ul>
</body>
</html>
写回答
1回答
-
同学你好，代码实现效果很棒。继续加油，祝学习愉快！
0
