我想脚下踩条线 - 使用border为盒子添加边框（二），初识HTML(5)+CSS(3)-升级版教程-慕课网

12-10 我想脚下踩条线 - 使用border为盒子添加边框（二）

本节编程练习不计算学习进度，请电脑登录imooc.com操作

我想脚下踩条线 - 使用border为盒子添加边框（二）

现在有一个问题，如果有想为 p 标签单独设置下边框，而其它三边都不设置边框样式怎么办呢？css 样式中允许只为一个方向的边框设置样式：

div{border-bottom:1px solid red;}

同样可以使用下面代码实现其它三边(上、右、左)边框的设置：

border-top:1px solid red;
border-right:1px solid red; 
border-left:1px solid red;

任务

我来试一试：

为 li 标签设置宽度为1像素，点状线，颜色为红色的下边框样式

index.html

<!DOCTYPE html>
<html>
 
<head>
   <meta charset="UTF-8">
    <title>边框</title>
    <style type="text/css">
    li {
 
    }
    </style>
</head>
 
 
<body>
    <ul>
        <li>别让不会说话害了你</li>
        <li>二十七八岁就应该有的见识</li>
        <li>别让不好意思害了你</li>
    </ul>
</body>
 
</html>