HTML+CSS实现表格

最近在学习HTML、CSS在学习表格

标签时,发现HTML标签本身并不能修饰好看的表格,这时候需要CSS上场了,此处为内嵌CSS,CSS代码需要写在之间,table为类选择器,满足所有与table有关的标签。没有采用CSS之前如图,可以发现很丑





	table
	


	
纵向表格
姓名 小丽
电话 123
性别
横向表格
姓名 电话 性别
小丽 123

最后结果,整个表格都好看起来


总结:1.当table表格的标记描述border值大于0时,显示边框,如果border值为0,则不显示边框。

若是只想将表格边框进行修饰。CSS3可以采用border-collapse属性,语法格式:

border-collapse:separate|collapse

其中separate是默认值,表示边框会分开,不会忽略border-spacing和empty-cells属性,而collapse表示边框会合并为一个单一的边框。


你可能感兴趣的:(前端)