1回答

• 

  唯梦闲人

  2016-10-24 10:53:00

  已采纳

  <style type="text/css">
  
  *{
      margin: 0;
  	padding: 0;
  	text-decoration: none;
  }
  .topList{
  	width: 300px;
  	height: 180px;
  	border: 1px solid #e8e8e8;
  	margin: 100px auto;
  }
  ul li{
  	list-style: none;
  	padding: 6px;
  	font-size: 12px;
  	 font-family: "微软雅黑" 
  } 
  em{
  	width: 20px;
  	height: 16px;
  	text-align: center;/* 水平居中 */
  	font-style: normal;/* 去除斜体*/
  	color: #333;
  	background: url('http://img.mukewang.com/53cf0fa20001d3dc00200032.jpg') 0px 16px;
  	display: block;
      /* 内联元素改为块级元素 ，设置的高度宽度才有效果*/
  	float: left;
  }
  .top em{
  	background: url('http://img.mukewang.com/53cf0fa20001d3dc00200032.jpg') 16px 0px;
  }
  
  a:link,a:visited{
  	color: #000;
  }
  a:hover,a:active{
  	color: #f00;
  }
  
  </style>

  我的代码跟你的基本一致，但是加了浮动。参考一下。。。

  2 0

  唯梦闲人 回复寒冬丨

  啊哈，我也没注意看。知道问题原因就好~

  2016-10-24 12:07:33

  共 2 条回复 >