用纯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可以使用什么属性来合并表格边框
分享地址：http://azwzsj.com/article/hoddsh.html