TipSkill药学博客

探索药学的奇迹

最简洁的CSS细线表格制作方法

分类: 网络资讯 时间:2009-05-29 11:08:27 浏览:2943次 评论:0
摘要:  在Blog里面添加文章,HTML默认的表格显示看着一点都不美观,于是就着手细线表格的制作方法研究。   找到一种最简洁的CSS的细线表格制作方法,当然还有虚线表格制作。   在CSS文件里加入一个新类:linetable。 .linetable table{            border-collapse:collapse;  } .linetable table td{         background:#ffffff;         border:solid 1px #000000;         height:22px; }   先设置table的border-collapse属性为collapse。[separator]   再设置td的背景、边框属性,设置height属性为22px,这是单元格的最小高度,单元格内容多时可将单元格自动撑大。   这样一来,只要在HTML内容table里加一个class=linetable解决问题。这是目录我见过的最简洁的CSS细线表格制作方法。
关键字: 新闻 设计 

  在Blog里面添加文章,HTML默认的表格显示看着一点都不美观,于是就着手细线表格的制作方法研究。
  找到一种最简洁的CSS的细线表格制作方法,当然还有虚线表格制作。
  在CSS文件里加入一个新类:linetable。
.linetable table{
           border-collapse:collapse;

  }
.linetable table td{
        background:#ffffff;
        border:solid 1px #000000;
        height:22px;
}

  先设置table的border-collapse属性为collapse。[separator]
  再设置td的背景、边框属性,设置height属性为22px,这是单元格的最小高度,单元格内容多时可将单元格自动撑大。
  这样一来,只要在HTML内容table里加一个class=linetable解决问题。这是目录我见过的最简洁的CSS细线表格制作方法。

评论留言请发表您的神机妙论……

昵称

邮箱

地址

私密评论
评论列表(共有0条评论)
sitemap