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是向右合并

希望可以帮到你


文章名称:css合并表格样式,css可以使用什么属性来合并表格边框
URL地址:http://myzitong.com/article/hoddsh.html