建设企业网站流程,宁波seo做排名,设计制作活动主题,好网站建设公司有多少表格的样式一般可以在HTML中直接定义#xff0c;但是结构和样式需要分开声明#xff0c;这可以方便后期的维护和修改。CSS中的表格样式有caption-side(表格标题位置)、border-collapse(表格边框合并)、border-spacing(表格边框间距)。 caption-sidecaption-side属性取值只有2… 表格的样式一般可以在HTML中直接定义但是结构和样式需要分开声明这可以方便后期的维护和修改。CSS中的表格样式有caption-side(表格标题位置)、border-collapse(表格边框合并)、border-spacing(表格边框间距)。 caption-side caption-side属性取值只有2个如下表属性值说明top标题在顶部(默认)bottom标题在底部 举一个标题在底部的示例DOCTYPE htmlhtml head meta charsetUTF-8 / title表格标题位置title style typetext/css table{ caption-side: bottom; } table,td{ border: 1px solid silver; } style head body table caption四大天王caption tr td刘德华td td60岁td tr tr td张学友td td60岁td tr tr td郭富城td td56岁td tr tr td黎明td td55岁td tr table bodyhtmlborder-collapse 在表格加入边框后单元格之间有一定的空隙 为了美观我们可以把单元格之间的空隙去除。 border-collapse属性取值有2个如下表属性值说明separate边框分开有空隙collapse边框合并无空隙 示例 DOCTYPE htmlhtml head meta charsetUTF-8 / title表格边框合并title style typetext/css table{ border-collapse: collapse; } table,td{ border: 1px solid silver; } style head body table caption四大天王caption tr td刘德华td td60岁td tr tr td张学友td td60岁td tr tr td郭富城td td56岁td tr tr td黎明td td55岁td tr table bodyhtml border-spacing 表格边框的间距直接用像素值。 DOCTYPE htmlhtml head meta charsetUTF-8 / title表格边框间距title style typetext/css table{ border-spacing: 5px; } table,td{ border: 1px solid silver; } style head body table caption四大天王caption tr td刘德华td td60岁td tr tr td张学友td td60岁td tr tr td郭富城td td56岁td tr tr td黎明td td55岁td tr table bodyhtml本节主要学习了表格样式最后对其总结。表格标题位置caption-side 表格边框合并border-collapse表格边框间距border-spacing
