现在有一个问题，如果有想为 p 标签单独设置下边框，而其它三边都不设置边框样式怎么办呢？css 样式中允许只为一个方向的边框设置样式：
div{border-bottom:1px solid red;}同样可以使用下面代码实现其它三边(上、右、左)边框的设置：
border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;
练习
新建示例页面demo.html，示例代码如下
我也来试试，为 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>
此文章本站原创，地址 https://www.vxzsk.com/1380.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程
上一篇：9.4、CSS盒模型--边框（一）
下一篇：weui slider滑块
^