#tb{
border: 1px solid blue;
}这时可以看到表格最外层的蓝色的外边框
可以设置表格内部:
#tb,tr,th,td{
border: 1px solid blue;
}
这里用到了分组选择器。即一个id选择器和3个元素选择器组合在一起,之间用逗号隔开
c.折叠边框
在上面的表格中显示的是双边框
这样显然是不合理的
可以把双边框合成一条线
#tb,tr,th,td{
border: 1px solid blue;
border-collapse: collapse;
}
d.表格宽高
#tb{
width: 400px;
height: 400px;
border-collapse: collapse;
}
#tb,tr,th,td{
border: 1px solid blue;
}
e.表格文本对齐
#tb{
width: 400px;
height: 400px;
border-collapse: collapse;
}
#tb,tr,th,td{
border: 1px solid blue;
text-align:center;
}
f.表格内边距
g.表格颜色
#tb{
width: 400px;
height: 400px;
border-collapse: collapse;
}
#tb,tr,th,td{
border: 1px solid blue;
text-align:center;
background-color: aqua;
}
创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。
当前标题:Css基本样式————表格-创新互联
URL链接:http://dzwzjz.com/article/coggdi.html