论坛

标题: 疑惑 [打印本页]

作者: 燕雀才人    时间: 2018-5-14 17:06
标题: 疑惑

怎么去除红框处的缝隙?请老师帮忙看一下代码
[attach]129523[/attach]
<title>无标题文档</title>
<style type="text/css">
  .con{width:1200px;background: #eee;margin: 0 auto;position: relative;overflow: hidden;}
  
  .con .kh{width: 40px;font-family: "宋体";font-size: 40px;text-align: center;line-height: 250px;
   background: rgba(255,255,255,0.8);position: absolute;}
  .con .kh_left{left: 0;}
  .con .kh_right{right: 0;}
  
  .con ul{width:2000px;}
  .con li{width: 290px;height: 230px; float: left;list-style: none;margin-right: 13px;}
  .con li img{width: 100%;}
</style>
</head>
<body>
<div class="con">
  <!--<div class="kh kh_left" href="#">&lt;</div>
  <div class="kh kh_right" href="#">&gt;</div>-->
<ul>
  <li><a href="#"><img src="images/3.jpg"/></a></li>
  <li><a href="#"><img src="images/2.jpg"/></a></li>
  <li><a href="#"><img src="images/1.jpg"/></a></li>
  <li><a href="#"><img src="images/2.jpg"/></a></li>
  <li><a href="#"><img src="images/3.jpg"/></a></li>
</ul>
</div>
</body>

作者: yuanxi52028    时间: 2018-5-14 17:46
.con ul 里清除掉ul的默认样式

list-style: none;
padding: 0px;
margin: 0px;
作者: 燕雀才人    时间: 2018-5-15 10:49
yuanxi52028 发表于 2018-5-14 17:46
.con ul 里清除掉ul的默认样式

list-style: none;

谢谢!谢谢




欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1