CSS：li＆gt;保证金

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;
}

如何制作保证金榜首？

Answer 1

<a>是一个内联元素。向其添加“display:block;”或“display:inline-block;”以使其成为块级元素。像“margin”和“padding”这样的属性仅适用于块级元素。

Answer 2

尝试填充顶部。

另一种方法是添加display：block然后再给它一个37px的高度，然后添加line-height:37px