CSS背景颜色的设置代码
以实例来讲解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: YellowGreen; padding: 20px;}
- </style>
- </head>
- <body>
- <h1>这是标题h1的背景颜色 #00ff00 对应第5行CSS</h1>
- <h2>这是标题h2的背景颜色 transparent (它的意思是 此背景透明) 对应第6行CSS</h2>
- <p>这是段落p的背景颜色 rgb(147,224,255) 对应第7行CSS</p>
- <p class="no2">这个段落背景颜色 gray (灰色) 设置了内边距padding: 20px; 对应第8行CSS。</p>
- </body>
- </html>
实例:
说明: 上述源码中 body h2 p.no2 颜色是CSS颜色名 h1 是 十六进制颜色 p 是 RGB颜色