HTML背景色设置详解

HTML背景色设置效果图:

具体代码如下:

  1. <html>
  2. <head>
  3. <style type=”text/css”>
  4. body {background-color: #C0C0C0}
  5. h1 {background-color: #F0F8FF}
  6. h2 {background-color: red}
  7. p {background-color: rgb(250,0,255)}
  8. p.no2 {background-color: #FAEBD7; padding: 20px;}
  9. .t{background-color: gray; padding: 20px;}
  10. </style>
  11. </head>
  12. <body>
  13. <h1>这是标题 1</h1>
  14. <h2>这是标题 2</h2>
  15. <p>这是段落</p>
  16. <p class=”no2″>这个段落设置了内边距。</p>
  17. <table border=”0″  cellspacing=”0″>
  18. <!– 首行表头背景色,无边框–>
  19.         <thead Bgcolor=#8A2BE2>
  20.                 <tr >
  21.                         <th >表头1</th>
  22.                         <th>表头2</th>
  23.                 </tr>
  24.         </thead>
  25. <!– 表格单元背景色,有边框–>
  26.         <tbody>
  27.                 <tr>
  28.                         <td>
  29.                                 <p  class=”t”>内容1</p>
  30.                         </td>
  31.                         <td>
  32.                                 <p  class=”t”>内容2</p>
  33.                         </td>
  34.                 </tr>
  35.         </tbody>
  36. </table>
  37. </body>
  38. </html>

<TH>标记用于设定表格中某一表头的属性。见下表所示:

表头的<th>标记属性

 

       属      性
     描        述
       ALIGN
     水平对齐
       VALIGN
     单元格内容的垂直对齐
       BGCOLOR
     单元格的背景颜色
       BACKGROUND
     单元格的背景图象
       BORDERCOLOR
     单元格的边框颜色
       BORDERCOLORLIGHT
     单元格的亮边框颜色
       BORDERCOLORDARK
     单元格的暗边框颜色
       WIDTH
     单元格的宽度
       HEIGHT
     单元格的高度

 

打赏此文

如果您觉得本站的内容对您有所帮助,您可以扫描下面的二维码小额支付请我喝杯茶,感谢!打赏记录
支付宝
微信
承诺:凡打赏捐助的朋友,留言备注自己的邮箱,在打赏捐助时间点的6个月内,本站会每周邮件推送原创专业技术博文,供大家学习和参考!

留下评论

All fields marked (*) are required