                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

如何在设置边框后让文字紧贴下面的边框

在这个设置后会变成这样: border-bottom:2px dotted red;让文字下沉到边框的上面,做出类似笔记本中行下划线的效果

pickmio

2016-01-13

源自：初识HTML(5)+CSS(3)-升级版 12-7

关注问题我要回答

8841

操作

收起

4 回答

慕仙1592478 回答被采纳 +3 积分
2016-01-13

border-bottom:2px dotted red;margin:50px;

1 回复有任何疑惑可以回复我~

收起回答

pickmio 提问者

li {border-bottom:1px dotted #ccc; margin:15px; height:20px;} 设置margin感觉还是有道理的,这样设置感觉还是很和谐的3Q

2016-01-13 回复有任何疑惑可以回复我~

pickmio 提问者

li{ border-bottom:2px dotted red; height:33px; margin-top:55px; } 这样设置的时候行间距变得更大了,但是感觉文字和下划线的距离还是没变,就是随着margin的变大而感觉和下边距变小了一样,改如何设置呢

2016-01-13 回复有任何疑惑可以回复我~

pickmio 提问者回复 pickmio 提问者

找到答案了,可以设置 line-height:44px;

2016-01-13 回复有任何疑惑可以回复我~

烜烜
2016-01-13

兄弟，删掉height，文字就贴到线上了。

1 回复有任何疑惑可以回复我~

收起回答

pickmio 提问者

但是如果有行间距的要求呢. 貌似设置line-height 这个就能修改啦

2016-01-14 回复有任何疑惑可以回复我~

pickmio 提问者
2016-01-13

这样感觉还是有点不对

li{
    border-bottom:1px dotted #ccc;
    margin:27px;
    height:30px;
}

0 回复有任何疑惑可以回复我~

收起回答

aiwei
2016-01-13

border-bottom:1px red solid;

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

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

参与学习 1225286 人
解答问题 18230 个

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

进入课程

本课相似问答

3 回答如何让文字不超出边框

1 回答如何单独为几个文字设置边框

2 回答设置边框？？

7 回答边框设置问题

1 回答边框设置简写

搜索更多本课相关问答

如何在设置边框后让文字紧贴下面的边框

我要回答关注问题

热搜

最近搜索清空

如何在设置边框后让文字紧贴下面的边框

4 回答

本课相似问答

如何在设置边框后让文字紧贴下面的边框