为了账号安全,请及时绑定邮箱和手机立即绑定

设置Margin按道理是整个块上下左右移动,但是用到这个例子里面,为啥感觉是针对单独的li作用了呢同时。

<!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:20px;
    padding:10px;
    margin:50px;
}
</style>
</head>
<body>
<ul>
    <li>别让不会说话害了你</li>
    <li>二十七八岁就应该有的见识</li>
    <li>别让不好意思害了你</li>
</ul>
</body>
</html>

正在回答

4 回答

li就是块状元素,就是一个盒子了。所以margin是作用于li这个盒子的。你要是想把整个三句话放一起边框移动就应该是

ul{margin:50px:}
li{border-bottom:1px dotted #ccc;
    width:200px;
    height:20px;
    padding:10px;}


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

li标签中设置了margin属性

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

margin放在li{}下面重新写语句,

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

因为li的CSS语句包含了 margin,所以每执行到li语句时,都会执行一次CSS语句里面的样式动作。。

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

举报

0/150
提交
取消

设置Margin按道理是整个块上下左右移动,但是用到这个例子里面,为啥感觉是针对单独的li作用了呢同时。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信