CSS用HTML中的style属性替换


废话不多说上代码:

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>这是标题 1h1>
<h2>这是标题 2h2>
<p>这是段落p>
<p class="no2">这个段落设置了内边距。p>

body>
html>

2、直接在HTML中用style属性表示:

<html>
<head>
head>

<body style="background-color:yellow">

<h1 style="background-color:#00ff00">这是标题 1h1>
<h2 style="background-color: transparent">这是标题 2h2>
<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/

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