|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
最新版本html5+CSS3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。
破洛洛文章简介:本教程一共三个例子:1、设置背景色彩;2、设置文本的背景色彩;3、将图象设置为背景.
本教程一共三个例子:1、设置背景色彩;2、设置文本的背景色彩;3、将图象设置为背景。
参考破洛洛关于CSS背景的实际常识:CSS教程(1):进修CSS背景相干常识
1、设置背景色彩
本例演示怎样为元素设置背景色彩。
<html>
<head>
<styletype="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>
<pclass="no2">这个段落设置了内边距。</p>
</body>
</html>
2、设置文本的背景色彩
本例色彩怎样设置部分文本的背景色彩。看到此信息请您体谅!poluoluocom为了防收罗加上的!请到破洛洛扫瞄更多信息。
<html>
<head>
<styletype="text/css">
span.highlight
{
background-color:yellow
}
</style>
</head>
<body>
<p>
<spanclass="highlight">这是文本。</span>这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。<spanclass="highlight">这是文本。</span>
</p>
</body>
</html>
3、将图象设置为背景
本例演示怎样将图象设置为背景。
<html>
<head>
<styletype="text/css">
body{background-image:url(/i/eg_bg_04.gif);}
</style>
</head>
<body></body>
</html>
强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。 |
|