在css中給單元格添加陰影的方法:1.創建table表格;2.設置表格單元格寬高;3.使用box-shadow屬性設置單元格陰影;
在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.單元格的寬高設置好后,使用box-shadow屬性即可為單元格設置陰影;
table td{box-shadow:10px 10px 10px pink;
}
效果: