【问题标题】:HTML / CSS table with GRIDLINES带有 GRIDLINES 的 HTML/CSS 表格
【发布时间】:2009-11-19 12:40:43
【问题描述】:

如何在 HTML 表格中显示网格线? (我用的是 IE6)

【问题讨论】:

  • 网格线是什么意思?

标签: html css gridlines


【解决方案1】:

通过 CSS。把它放在<head> 标签内。

<style type="text/css" media="screen">

table{
border-collapse:collapse;
border:1px solid #FF0000;
}

table td{
border:1px solid #FF0000;
}
</style>

【讨论】:

  • 使用
  • tds 上的边框折叠是多余的(实际上不是标准的)。
  • 还有一个问题 - 如何使垂直线为实线,而水平线为虚线?
  • border-left: 1px 纯黑色;右边框:1px 纯黑色; border-bottom:1px 黑色虚线(或虚线)
  • 有助于解决布局问题!
【解决方案2】:
<table border="1"></table>

应该可以解决问题。

【讨论】:

  • 应该可以,但是最好将内容和设计分开(html中的内容,css中的设计,边框就是设计)。
  • 同意,但有时也可以稍微改变一下规则:)
  • 这对于大量使用 colspan 时的故障排除非常有用。能够添加或删除border='1'比搞乱css要简单得多。
【解决方案3】:

对于内部网格线,使用标签:td 对于外部网格线,使用标签:table

【讨论】:

    猜你喜欢
    • 2010-11-04
    • 2019-08-08
    • 2013-01-27
    • 2023-03-25
    • 1970-01-01
    • 2012-11-27
    • 2017-11-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多