11-7盒模型--边框（二） · 初识HTML+CSS

现在有一个问题，如果有想为 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.在右边编辑器的第 8 行，输入： ~~~ border-bottom:1px dotted #ccc; ~~~ ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>边框</title> <style type="text/css"> li{ } </style> </head> <body> <ul> <li>别让不会说话害了你</li> <li>二十七八岁就应该有的见识</li> <li>别让不好意思害了你</li> </ul> </body> </html> ```