3-17 編程練習 |老師幫忙看看

来源:3-17 编程练习

慕数据3203843

2019-08-16 11:06:39

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>border属性</title>
    <style type="text/css">
        li{width:200px;height:50px;}
       /*补充样式*/
       .li1{border-top:2px red solid;}
       .li2{border-right:2px green dotted;}
       .li3{border-bottom:2px blue dashed;}
       .li4{border-left:2px purple solid;}
       .li5{
           border-top:2px orange solid;
           border-right:2px orange solid;
           border-left:2px orange solid;
           border-bottom:2px orange solid;
       }
   
       
       
       
       
    </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回答

好帮手慕言

2019-08-16

同学你好,第四个li元素的边框是不正确的哦。

http://img.mukewang.com/climg/5d5650540001456107110153.jpg

应该是宽为3px的双线紫色左边框

代码参考:

http://img.mukewang.com/climg/5d56506c0001726b05880153.jpg

祝学习愉快~

0

0 学习 · 40143 问题

查看课程