问答详情
源自：12-10 我想脚下踩条线 - 使用border为盒子添加边框（二）

我想要呈现方式是这样的应该怎么改这个代码呢？

http://img.mukewang.com/5815820e0001729f05200204.jpg

我希望呈现方式是字跟border-bottom:dotted有2px-3px的距离，并且字符的长短的虚线线长短一致，那么这个代码样式应该如何呈现？谢谢~

提问者：archery 2016-10-30 13:18

个回答

  • Howard229
    2016-10-30 13:47:24
    已采纳

    http://img.mukewang.com/5815893400019c9503990159.jpg

    把样式添加再span标签里就可以设置等长，再添加padding属性

    0
  • 慕粉4333060
    2016-11-18 03:22:11

    不好意思 刚才我说错了 你是对的

    0
  • 慕粉4333060
    2016-11-18 03:12:24

    你的回答不对吧 span是内联元素不能设置边框 LI才可以 

    我试了下 直接用LI才有效果

    0
  • Howard229
    2016-10-30 13:45:21

    <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>边框</title>
<style type="text/css">
span{
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
}
</style>
</head>
<body>
<ul>
    <li><span>别让不会说话害了你</span></li>
    <br/>
    <li><span>二十七八岁就应该有的见识</span></li>
    <br/>
    <li><span>别让不好意思害了你</span></li>
</ul>
</body>
</html>


    1