实例代码:
<!doctype html>
<head>
<meta charset="utf-8">
<style type="text/css">
body{
background-color:yellow;
}
h1{
background-color:green;
}
h2{
background-color:#ffffff;
}
p{
background-color:#FF00FF;
}
p.no2{
background-color:#FF0000;
padding:20px;
}
</style>
</head>
<html>
<body>
<h1>这是标题1的背景颜色</h1>
<h2>这是标题2的背景颜色</h2>
<p>这是段落的背景颜色</p>
<p class="no2">这个段落设置了边距和背景颜色</p>
<pre>
<b>注释:</b>
设置主体背景颜色为黄色,
标题1为绿色,
标题2为白色,
段落1为粉色,
段落2为红色并设置边距为20px。
</pre>
</body>
</html>
运行效果:
评论