CSS表格 单元格占两行

html-css013

CSS表格 单元格占两行,第1张

CSS表格单元格占两行可以参考以下的代码:

<!-- 这是占两行的 -->

<table border=1>

<tr><td rowspan="2">单元格占两行的</td><td>......</td></tr>

<tr><td>....</td><tr>

</table>

<!-- 这是占两列的 -->

<table border=1>

<tr><td colspan="2">单元格占两列的</td></tr>

<tr><td>..........</td><td>..........</td><tr>

</table>

扩展资料:

CSS 表格属性

表格边框

如需在 CSS 中设置表格边框,请使用 border 属性。

下面的例子为 table、th 以及 td 设置了蓝色边框:

table, th, td

{

border: 1px solid blue

}

请注意,上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。

如果需要把表格显示为单线条边框,请使用 border-collapse 属性。

折叠边框

border-collapse 属性设置是否将表格边框折叠为单一边框:

table

{

border-collapse:collapse

}

table,th, td

{

border: 1px solid black

}

参考资料来源:百度百科-CSS表格

CSS即层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS控制表格横向显示Html代码: <div style="position:relative"><table class="t1"><tr><td>1</td></tr></table><table class="t2"><tr><td>2</td></tr></table><table class="t3"><tr><td>3</td></tr></table></div>CSS代码:<style type="text/css">.t1, .t2, .t3 {width:100pxposition:absolute}.t2 {top:0left:100px}.t3 {top:0left:200px}</style>