Grush
2016-04-04 20:58
<title>边框</title>
<style type="text/css">
li{
border:2px dotted #ccc;
border-bottom:1px dotted #ccc;
}
</style>
</head>
<body>
<ul>
<li>别让不会说话害了你</li>
<li>二十七八岁就应该有的见识</li>
<li>别让不好意思害了你</li>
</ul>
</body>
这一段代码显示之后是只有最下面的边框变成了1px 那如何实现每一行文字下的边线都变成1px呢
<title>边框</title>
<style type="text/css">
li{
border-width:1px 1px 0px ;
border-style:dotted;
border-color:#ccc;
}
#last{border:1px dotted #ccc;
}
</style>
</head>
<body>
<ul>
<li>别让不会说话害了你</li>
<li>二十七八岁就应该有的见识</li>
<li id="last">别让不好意思害了你</li>
</ul>
</body>
这样应该能看清楚一点
还看不清 就加个 margin=10px;
这不是代码的问题,是你的视觉问题,你把 那 两段代码 随意 换个颜色 看就行了。
你看错了,三行的下边框都是1px,只不过第二行的上边框是2px,给你造成的视觉上的错误
li{
border-bottom:1px dotted #ccc;
}
初识HTML(5)+CSS(3)-升级版
1225294 学习 · 18230 问题
相似问题