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

盒子的宽度与高度

<!DOCTYPE HTML>

<html>

<head>

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

li{

border-bottom:1px dotted red;

width:200px;height:30px;

}

</style>

</head>

<body>

<ul>

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

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

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

</ul>

</body>

</html>

我把bottom换成了left。为什么显示的样式成了左边练成一线。我以为会是左边自上向下的三条线

慕娘6347874

2017-12-15

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

关注问题我要回答

1714

操作

收起

3 回答

queens_seven 回答被采纳 +2 积分
2017-12-15

连在一起是指？他们没有距离？如果是内联元素，本来就是挨着的，不过如果代码里你在两个内联元素用了回车换行或者空格来保持代码距离，那么实际的页面会有一点距离。相反，如果你代码紧挨着，就没有距离了。

而块级元素如果不浮动，那就一般都是各自一行，上下的边框线才有可能靠在一起。

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

收起回答

慕娘6347874 提问者

非常感谢！

2017-12-15 回复有任何疑惑可以回复我~

慕娘6347874 提问者
2017-12-15

<!DOCTYPE HTML>

<html>

<head>

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

li{

border-bottom:1px dotted red;

width:200px;height:30px;

}

</style>

</head>

<body>

<ul>

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

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

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

</ul>

</body>

</html>

我把bottom换成了left。为什么显示的样式成了左边练成一线。我以为会是左边自上向下的三条线

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

收起回答

嫊悈
2017-12-15

style="border:1px solid #ccc;border-top:none;border-bottom:none;"

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

收起回答

0/150

提交

取消

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

参与学习 1226061 人
解答问题 18236 个

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

进入课程

本课相似问答

2 回答div盒子的宽高度

2 回答盒模型--宽度和高度

3 回答盒模型--宽度和高度

2 回答一个盒子的宽度

2 回答盒子模型的高度

搜索更多本课相关问答

盒子的宽度与高度

我要回答关注问题

热搜

最近搜索清空

盒子的宽度与高度

3 回答

本课相似问答

盒子的宽度与高度