CSS去掉右边框

Web前端1 6.8K阅读模式

并排放四、五个DIV有边框,但两个中间DIV只显示一个边框,形如:

  1. <div class="clients">
  2.     <li><a href="#"><img src="images/clients/client1.jpg" alt="" /></a></li>
  3.     <li><a href="#"><img src="images/clients/client2.jpg" alt="" /></a></li>
  4.     <li><a href="#"><img src="images/clients/client3.jpg" alt="" /></a></li>
  5.     <li><a href="#"><img src="images/clients/client4.jpg" alt="" /></a></li>
  6.     <li><a href="#"><img src="images/clients/client5.jpg" alt="" /></a></li>
  7. </div>

样式:

  1. .clients li { displayinline; }
  2. .clients li img { width195pxfloatleftborder1px solid #ddd;margin-right:-1px;}

通过margin-right:-1px;隐藏掉右边框

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
    • sdfsdfs
      sdfsdfs 0

      :eek: :wink: :wink: :idea: :arrow: :cry: :!: :!: :lol: :?: :?: :?: :?: :razz:

    匿名

    发表评论

    匿名网友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

    拖动滑块以完成验证