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

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

<!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回答

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

http://img1.sycdn.imooc.com//climg/5d5650540001456107110153.jpg

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

代码参考:

http://img1.sycdn.imooc.com//climg/5d56506c0001726b05880153.jpg

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师