用div加css做表格去掉外围边框

通过div做表格时想加上边框,并且想取点外围边框:

<div class="cont">

  <div class="row">

    <a><div class="td"></div></a>

    <a><div class="td"></div></a>

    <a><div class="td"></div></a>

  </div>

  <div class="row">

    <a><div class="td"></div></a>

    <a><div class="td"></div></a>

    <a><div class="td"></div></a>

  </div>

  <div class="row">

    <a><div class="td"></div></a>

    <a><div class="td"></div></a>

    <a><div class="td"></div></a>

  </div>

</div>

css代码:

/*全部加上边框*/

.td{

  border-right:1px solid red;

  border-bottom:1px solid red;

}

/*去掉外围边框,借用css选择器*/

.cont .row a:last-child div{
border-right:none;
}
.cont div:last-child a div:last-child{
border-bottom:none;
}
posted @ 2016-12-28 14:35  纸鸢&红豆·绿豆  阅读(5130)  评论(0编辑  收藏  举报