3-17 编程练习

来源:3-17 编程练习

汪晓歌

2018-10-20 17:27:47

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>border属性</title>

    <style type="text/css">

        li{width:200px;height:50px;}

       /*补充样式*/

        .li1{border-top:2px solid red;}

        .li2{border-right:2px green dotted;}

        .li3{border-bottom:2px dashed blue;}

        .li4{border-left:3px double purple;}

        .li5{border:2px solid 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回答

好帮手慕夭夭

2018-10-21

你好同学 ,经过测试 ,效果实现了 ,继续加油 , 祝学习愉快 !

0

0 学习 · 36712 问题

查看课程