后现代网络资源门户

  [ 设为首页 ] [ 加到收藏夹 ]   注册   登录   取回密码

 

您现在的位置:首页 >> 网络学院 >> 网页设计 >> 文章内容

CSS制作网页细线表格、线条

作者: tell me, 责任编辑: Jfengersy, 
05-09
本文已阅读:59

随着web标准的广泛普及与发展,应用CSS网页布局构建网页是以后网页设计发展的必走之路,表格渐渐被人们遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!本文就是利用css来控制表格线条的,这是一种不错的选择~

CSS代码如下:

  table{
  
  border:1px solid #000;
  
  border-width:1px 0 0 1px;
  
  margin:2px 0 2px 0;
  
  text-align:center;
  
  border-collapse:collapse;
  
}
  
td,th{
  
  border:1px solid #000;
  
  border-width:0 1px 1px 0;
  
  margin:2px 0 2px 0;
  
  text-align:left;
  
}
  
th{
  
  text-align:center;
  
  font-weight:600;
  
  font-size:12px;
  
  background-color:#F4F4F4;
  
}
  
table,td,th{
  
  border:1px #000 solid;
  
  border-collapse:collapse;
  
}

  用最后这段代码,很容易就可以实现。以上代码经过标准测试通过,请放心使用吧!


 
关于我们 | 加入我们 | 联系我们 | 广告业务 | 友情链接 | 版权声明
All Rights Reserved, Copyright 2002-2008, LinDSoft
陕ICP备07012972号 如有意见请与我们联系 powered by LinDCMS Version 2.0.0
感谢【天泽数据】空间提供支持