废话不多说上代码：
1、用CSS给文字添加背景色：
<html> <head> <style type="text/css"> body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} p.no2 {background-color: gray; padding: 20px;} </style> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <p>这是段落</p> <p class="no2">这个段落设置了内边距。</p> </body> </html>
2、直接在HTML中用style属性表示：
<html> <head> </head> <body style="background-color:yellow"> <h1 style="background-color:#00ff00">这是标题 1</h1> <h2 style="background-color: transparent">这是标题 2</h2> <p style="background-color: rgb(250,0,255)">这是段落</p> <p style="background-color: gray; padding: 20px;">这个段落设置了内边距。</p> </body> </html>
效果如图：
友情提示：
作者：mhq_martin
来源：http://www.cnblogs.com/mhq-martin/
本文版权归作者和博客园共有，欢迎转载，但未经作者允许必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。