廢話不多說上代碼：
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/
本文版權歸作者和博客園共有，歡迎轉載，但未經作者允許必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。