HTML中设置表格单元格颜色的方法:1、给td标签设置bgcolor属性,语法
;2、使用background-color属性,语法“ ”。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
1、使用HTML
bgcolor 属性 bgcolor 属性规定表格单元格的背景颜色。
语法
<td bgcolor="color_name|hex_number|rgb_number">Salin selepas log masuk属性值
值 描述 color_name 规定颜色值为颜色名称的背景颜色(比如 "red")。 hex_number 规定颜色值为十六进制值的背景颜色(比如 "#ff0000")。 rgb_number 规定颜色值为 rgb 代码的背景颜色(比如 "rgb(255,0,0)")。 示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td bgcolor="#FF0000">帽子</td> <td bgcolor="#00FF00">¥20</td> </tr> <tr> <td bgcolor="#FF0000">T恤</td> <td bgcolor="#00FF00">¥100</td> </tr> </table> </body> </html>Salin selepas log masuk效果图:
2、使用background-color属性
background-color属性设置一个元素的背景颜色。
元素的背景是元素的总大小,包括填充和边界(但不包括边距)。【推荐教程:CSS视频教程 】
属性值:
值 描述 color 指定背景颜色。 transparent 指定背景颜色应该是透明的。这是默认 示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td style="background-color:#FF0000">帽子</td> <td style="background-color:#00FF00">¥20</td> </tr> <tr> <td style="background-color:#FF0000">T恤</td> <td style="background-color:#00FF00">¥100</td> </tr> <tr> <td style="background-color:#FF0000">牛仔裤</td> <td style="background-color:#00FF00">¥150</td> </tr> </table> </body> </html>Salin selepas log masuk效果图:
更多编程相关知识,请访问:编程视频!!
Atas ialah kandungan terperinci HTML怎么设置表格单元格颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan Laman Web iniKandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cnArtikel terbaru oleh pengarang
2023-04-26 17:59:18 2023-04-26 17:47:48 2023-04-26 17:41:42 2023-04-26 17:37:05 2023-04-26 17:31:25 2023-04-26 17:27:32 2023-04-25 19:57:58 2023-04-25 19:53:11 2023-04-25 19:49:11 2023-04-25 19:41:54Isu terkiniPenukaran automatik PX kepada ralat REM <style>html { font-size: calc(100vw / 3.75); }badan { saiz fon: 0.16rem; ...daripada 2024-04-16 09:34:16004687Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...daripada 2024-04-06 21:58:0401800Topik-topik yang berkaitanLagi>