table 设置合并边框

先来看看原始表格

网站 资源 url 排名
淘宝网 www.taobao.com 25
京东 www.jingdong.com 25
www.jingdong.com 25
小小小

效果图

table 设置合并边框_第1张图片

其中 rowspan 属性规定单元格可横跨的行数。设置为rowspan:2 表示占2个单元格.colspan 属性规定单元格可横跨的列数,设置为colospan:4 就可以占用满列。大家看现在的table的边框和内容是有边距的,如果想消除边距,并且使border变细,可以使用

border-collapse:collapse属性



	
		
		
		
	
	
		
网站 资源 url 排名
淘宝网 www.taobao.com 25
京东 www.jingdong.com 25
www.jingdong.com 25
小小小

table 设置合并边框_第2张图片

这样就好了

你可能感兴趣的:(css3,html)