這篇文章主要介紹HTML設置表格單元格顏色的方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創新互聯主打移動網站、做網站、成都網站制作、網站改版、網絡推廣、網站維護、域名與空間、等互聯網信息服務,為各行業提供服務。在技術實力的保障下,我們為客戶承諾穩定,放心的服務,根據網站的內容與功能再決定采用什么樣的設計。最后,要實現符合網站需求的內容、功能與設計,我們還會規劃穩定安全的技術方案做保障。
HTML中設置表格單元格顏色的方法:1、給td標簽設置bgcolor屬性,語法<td bgcolor="顏色值">;2、使用background-color屬性,語法“<td style="background-color:顏色值">”。
1、使用HTML <td> bgcolor 屬性
bgcolor 屬性規定表格單元格的背景顏色。
語法
<td bgcolor="color_name|hex_number|rgb_number">
屬性值
值 | 描述 |
---|---|
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>
效果圖:
2、使用background-color屬性
background-color屬性設置一個元素的背景顏色。
元素的背景是元素的總大小,包括填充和邊界(但不包括邊距)。
屬性值:
值 | 描述 |
---|---|
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>
效果圖:
以上是“HTML設置表格單元格顏色的方法”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創新互聯行業資訊頻道!
文章題目:HTML設置表格單元格顏色的方法
文章地址:http://vcdvsql.cn/article36/gjocsg.html
成都網站建設公司_創新互聯,為您提供網站制作、定制開發、自適應網站、建站公司、營銷型網站建設、
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯