3-11的代码是否正确

来源:3-17 编程练习

梧桐呓语

2017-07-24 21:07:50

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>border属性</title>

    <style type="text/css">

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

       .li1{border-top-style:solid;

           border-top-color:red;

       }

       .li2{border-right-style:dotted;

            border-right-color:green;

       }

       .li3{border-bottom-style:dashed;

            border-bottom-color:blue;

       }

       .li4{border-left-style:double;

           border-left-style:purple;

       }

       .li5{border-style:solid;

           border-color: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回答

好帮手慕糖

2017-07-25

你好,(1)边框缺少宽为2px。

(2).li中应该是,border-left-color:purple;

(3)建议:可使用简写模式,以.li为例;如下:

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

祝学习愉快!

0

0 学习 · 36712 问题

查看课程