废话不多说上代码:

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>

效果如图:

CSS用HTML中的style属性替换-LMLPHP

友情提示:

作者:mhq_martin

来源:http://www.cnblogs.com/mhq-martin/

本文版权归作者和博客园共有,欢迎转载,但未经作者允许必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

05-02 23:06