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

首页课程实战体系课手记专栏慕课教程

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

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

archery

2016-10-30 13:18

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

写回答关注

4回答

Howard229

2016-10-30 13:47:24

已采纳

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

4 0

慕粉1826... 回复archer...

li那里的知识点吗？

2017-02-03 11:29:13

共 4 条回复 >
慕粉4333060

2016-11-18 03:22:11

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

0 0
慕粉4333060

2016-11-18 03:12:24

你的回答不对吧 span是内联元素不能设置边框 LI才可以
我试了下直接用LI才有效果

0 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>

4 1

慕的地721...

回复 Howard229 为什么span要写在li的里边，我觉得span是块状元素，是不是应该包含行内元素li

2016-11-03 22:53:13

共 4 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225808 学习 · 18234 问题

查看课程

相似问题

要呈现这个图片该怎么敲代码？

回答 4