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

如何让这里的文字靠下？(补充：我的意思是说，让Li里的文字靠近下边线--->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{

border-bottom:1px dotted #ccc;

width:200px;

height:30px;

}

</style>

</head>

<body>

<ul>

<li>别让不会说话害了你</li>

<li>二十七八岁就应该有的见识</li>

<li>别让不好意思害了你</li>

</ul>

</body>

</html>

fxg9966

2016-06-13

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

关注问题我要回答

2585

操作

收起

7 回答

慕粉3476766
2016-06-26

我刚看了好像改不了，不知道是有bottom默认值还是什么的，但是为了美观，你可以试试加一个padding-top的值~

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

#1

还可以改line-height：10px~~好像可以~~

2016-06-26 回复有任何疑惑可以回复我~

forlee
2016-06-23

li{

border:1px dotted #ccc;

width:200px;

height:30px;

line-height:30px;

}

设置line-height可以实现

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

阮肥
2016-06-13

只需将li的高度height，适当调小即可。我试了一下20px挺合适的。

li{

border-bottom:2px dotted #ccc;

width:200px;

height:20px;

}

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

脑袋进水的坏孩子
2016-06-13

<style type="text/css">

ul{

position:absolute;

bottom:0px;

}

li{

border-bottom:1px dotted #ccc;

width:200px;

height:30px;

}

</style>

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

小球小哲
2016-06-13

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>宽度和高度</title>

<style type="text/css">

li{

border-bottom:1px dotted #ccc;

width:200px;

height:30px;

}

ul{

position:absolute;

bottom:0px;

}

</style>

</head>

<body>

<ul>

<li>别让不会说话害了你</li>

<li>二十七八岁就应该有的见识</li>

<li>别让不好意思害了你</li>

</ul>

</body>

</html>

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

#1

这个是改让它置网页底部的吧？刚试一下~QAQ

2016-06-26 回复有任何疑惑可以回复我~

qq_白桦林_11
2016-06-13

text-align:bottom;

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

阮肥
2016-06-13

没有看懂你的问题，所以抱歉我不能给出答案。

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

#1

fxg9966 提问者

不能改Height的值实现

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

举报

0/150

提交

取消

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

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

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

本课相似问答

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

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

3 回答写下p{border:2px dotted #ccc;}后，字变大了，但为何没看到边框？

5 回答li{ border-bottom:1px dotted #ccc; width:200px;height:30px; } 这里的height是指的盒子的高度还是border的高度？

1 回答这里是说边框居中而不是其中的文字

搜索更多本课相关问答

如何让这里的文字靠下？(补充：我的意思是说，让Li里的文字靠近下边线--->border-bottom:1px dotted #ccc),现在下边线和文字中间有空隙

我要回答关注问题

意见反馈帮助中心 APP下载