CSS：li>边距
#top-menu ul.menu li {
background: url(img/back-top-menu2.png);
width: 70px;
height: 37px;
cursor: pointer;
float: left;
text-align: center;
}
#top-menu ul.menu li:hover {
background: url(img/back-top-menu.png);
}
#top-menu ul.menu li a {
color: #fff;
text-decoration: none;
list-style-type: none;
text-align: center;
margin-left: 20px;
margin-top: 20px;
}
如何使 margin-top 起作用？
#top-menu ul.menu li {
background: url(img/back-top-menu2.png);
width: 70px;
height: 37px;
cursor: pointer;
float: left;
text-align: center;
}
#top-menu ul.menu li:hover {
background: url(img/back-top-menu.png);
}
#top-menu ul.menu li a {
color: #fff;
text-decoration: none;
list-style-type: none;
text-align: center;
margin-left: 20px;
margin-top: 20px;
}
How to make margin-top works?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
是一个内联元素。添加“display:block;”或“display:inline-block;”使其成为块级元素。 “margin”和“padding”等属性仅适用于块级元素。<a>is an inline element. Add "display:block;" or "display:inline-block;" to it to make it a block level element. Properties like "margin" and "padding" only work on block level elements.尝试使用 padding-top 代替。
另一种方法是添加display:block，然后给它也设置37px的高度，然后添加一个
line-height:37pxtry padding-top instead.
The other way is to add display:block and then give it also a height of 37px, and then add a
line-height:37px