CSS: li > 边距

Question

#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 起作用？

Answer 1

<a>是一个内联元素。添加“display:block;”或“display:inline-block;”使其成为 block 级元素。 “边距”和“填充”等属性仅适用于 block 级元素。