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