Tags标签 网战地图
当前位置: 主页 > 网页设计 > CSS教程 >

CSS背景颜色的设置代码

2013-10-13 00:27 [CSS教程] 来源于:2345
导读:以实例来讲解CSS的背景颜色使用 源代码: HTML head style type=text/CSS body { background-color: Beige } h1 { background-color: #FFB6C1 } h2 { background-color: transparent } p { background-color: rgb(250,0,255) } p.no2 { background-color: Yel



以实例来讲解CSS的背景颜色使用
源代码:

  1. <HTML>
  2. <head>
  3. <style type="text/CSS">
  4. body {background-color: Beige}
  5. h1 {background-color: #FFB6C1}
  6. h2 {background-color: transparent}
  7. p {background-color: rgb(250,0,255)}
  8. p.no2 {background-color: YellowGreen; padding: 20px;}
  9. </style>
  10. </head>
  11. <body>
  12. <h1>这是标题h1的背景颜色 #00ff00 对应第5行CSS</h1>
  13. <h2>这是标题h2的背景颜色 transparent (它的意思是 此背景透明) 对应第6行CSS</h2>
  14. <p>这是段落p的背景颜色  rgb(147,224,255)  对应第7行CSS</p>
  15. <p class="no2">这个段落背景颜色 gray (灰色) 设置了内边距padding: 20px; 对应第8行CSS。</p>
  16. </body>
  17. </html>

实例:

说明: 上述源码中 body h2 p.no2 颜色是CSS颜色名  h1十六进制颜色  pRGB颜色

(编辑:admin)

本文标签:
网友评论

栏目列表

推荐文章