温馨提示×

css如何设置单元格颜色

css
养鱼的猫咪
771
2021-03-25 14:48:35
栏目: 编程语言

在css中设置单元格颜色的方法:1.创建table表格;2.设置表格宽高;3.使用background属性设置单元格颜色;

css如何设置单元格颜色

在css中设置单元格颜色的方法

1.首先,在页面中创建一个table表格;

 <table>

   <tr>

     <td>1</td>

     <td>2</td>

   </tr>

   <tr>

     <td>3</td>

     <td>4</td>

   </tr> 

 </table>

2.table表格创建好后,为表格设置宽度和高度;

 table {

   width:200px;

   height:200px;

}

3.最后,表格的宽高设置好后,使用background属性即可为表格的单元格设置颜色;

 table td{

   background:red; /*设置表格单元格的颜色为红色*/

}

效果图:

css如何设置单元格颜色

0