css合并单元格样式,div合并单元格

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

css可以使用哪个属性来合并表格边框

"border-collapse"属性。

设置table的这个属性，就可以合并表格边框。

相关问答

Q1: css中怎样让表格合并单元格

比如td rowspan="2"microsoft/td，rowspan是向下合并一个，加上自身就是两个

比如td colspan="2"stephen elop/td，colspan是向右合并

希望可以帮到你

Q2: css怎样使表格单元格合并

在需要添加的地方加row="2"后面的数字根据自己的需求修改就行了

Q3: css display为table，table-row，table-cell，如何实现像html table的colspan合并单元格效果？

display的table属性我也不太了解。可以用 display:table-caption;来代替一列吗？

!DOCTYPE HTML

html

head

meta charset="utf-8"

titledisplay:table/title

style type="text/css"

* { margin:0; border:0; padding:0;}

.table { display:table; background:#f00;width:500px;margin-left:200px; }

.t_row { display:table-caption; border:1px solid #f00; height:100px; background:#00f;}

.t_cell { display:table-cell; border:1px solid #f00; height:100px; background:#0f0 }

/style

/head

body

div class="table"

div class="t_row"一列/div

div class="t_cell"两列/div

/div

div class="table"

div class="t_row"一列/div

div class="t_cell"三列/div

/div

div class="table"

div class="t_row"一列/div

div class="t_cell"四列/div

/div

/body

/html

用这种写法试试呢？

Q4: CSS中如何将这两个单元格合并成一个大的单元格

div class="3u" style="float:left;width:300px;height:300px;background-color:#eee;"

左

/div

div class="3u" style="float:left;width:300px;"

section

h2 class="title"Fusce ultrices fringilla/h2

p class="subtitle"Pellentesque pede. Donec pulvinar metus. In eu odio at lectus pulvinar mollis. /p

pPellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Suspendisse dictum porta lectus. Donec placerat odio vel elit./p

p class="button-style2"a href="#"More/a/p

/section

/div

div class="3u" style="float:left;width:300px;"

section

h2 class="title"Nulla luctus eleifend/h2

p class="subtitle"In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula./p

pPellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Suspendisse dictum porta lectus. Donec placerat odio vel elit./p

p class="button-style2"a href="#"More/a/p

/section

/div

div class="3u" style="float:left;width:300px;height:300px;background-color:#eee;"

右

/div

div style="clear:both;"/div

Q5: 嵌套表格边框合并的css如何设置？

标签属性里的border一定要为0。

table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;border:1px solid #ccc;"