CSS控制表格样式.pptxVIP

《物联网Web前端开发基础》课程CSS控制表格样式 【任务5-2】CSS控制表格样式需求分析除了表格标签自带的属性外，还可用CSS的边框、宽高、颜色等来控制表格样式。此外，CSS中还提供了表格专用属性，以便控制表格样式。本节将从边框、边距和宽高三个方面，详细讲解CSS控制表格样式的具体方法。 【任务5-2】CSS控制表格样式知识储备—CSS控制表格边框CSS代码如下所示：table{width:280px; height:280px; border:1px solid #F00;/*设置table的边框*/}td,th{ border:1px solid #F00; }/*为单元格单独设置边框*/ 【任务5-2】CSS控制表格样式知识储备—CSS控制单元格边距CSS代码如下所示：td{padding:10px; margin:10px;} 【任务5-2】CSS控制表格样式知识储备—CSS控制单元格边距学习CSS控制单元格边距时需要注意以下几点：行标签tr无内边距属性padding和外边距属性margin。 【任务5-2】CSS控制表格样式知识储备—CSS控制单元格的宽高CSS代码如下所示：td{width:20px; Height:20px;}对同一行中的单元格定义不同的高度，或对同一列中的单元格定义不同的宽度时，最终的宽度或高度将取其中的较大者。 CSS控制表格样式1.2.3.C