正文
css合并表格样式,css可以使用什么属性来合并表格边框
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
用纯DIV+CSS做一个两行两列的表格,但第二列中两行是合并的,如下面这样
上面为效果图,用ul、li的方法详细写法:
css代码:
.demoBox {
width:204px;
}
.demoBox li {
float: left;
width:100px;
border: 1px solid #999;
}
.demoBox li.demoLi {
width: 202px;
}
html代码:
ul class="demoBox"
li1/li
li2/li
li class="demoLi"3/li
/ul
总体思路就是利用宽度和浮动来实现,给ul一个固定的宽度,第一行显示的li平分这个宽度,后面的li因为没有位置就自动去了第二行,让它独占一行,就可以实现这个效果。
以上,希望对你有帮助。
css可以使用哪个属性来合并表格边框
"border-collapse"属性。
设置table的这个属性,就可以合并表格边框。
css中怎样让表格合并单元格
比如td rowspan="2"microsoft/td,rowspan是向下合并一个,加上自身就是两个
比如td colspan="2"stephen elop/td,colspan是向右合并
希望可以帮到你