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://bzwzjz.com/article/hoddsh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 企业网站建设公司 成都网站建设推广 成都企业网站设计 企业网站设计 成都网站建设 定制网站制作 响应式网站设计方案 网站建设开发 网站建设公司 网站建设方案 网站制作 网站设计 成都营销网站制作 成都网站设计 成都网站制作 网站制作 高端定制网站设计 品牌网站建设 成都网站建设 网站建设 高端网站设计