3-17编程练习

来源：3-17 编程练习

慕标4519152

2018-12-14 13:32:18

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>border属性</title>
    <style type="text/css">
    ul{font:20px "微软雅黑";}
        li{width:200px;height:50px;}
       /*补充样式*/
       .li1{border-top:2px solid red;}
       .li2{border-right:2px dotted green;}
       .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回答