CSS教程(2)：通过实例学习CSS背景

ttx9n · 发表于 2009-4-2 19:34:22

网页制作Webjx文章简介：本教程一共三个例子：1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景. 本教程一共三个例子：1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景。参考网页教学网关于CSS背景
本教程一共三个例子：1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景.
本教程一共三个例子：1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景。
参考脚本之家关于CSS背景的理论知识：CSS教程(1)：学习CSS背景相关知识 1、设置背景颜色
本例演示如何为元素设置背景颜色。
<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、设置文本的背景颜色
本例颜色如何设置部分文本的背景颜色。看到此信息请您谅解！jb51com为了防采集加上的！请到脚本之家浏览更多信息。
<html>
<head>
<style type="text/css">
span.highlight
{
background-color:yellow
}
</style>
</head>
<body>
<p>
<span class="highlight">这是文本。</span> 这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。 <span class="highlight">这是文本。</span>
</p>
</body>
</html> 3、将图像设置为背景
本例演示如何将图像设置为背景。
<html>
<head>
<style type="text/css">
body {background-image:url(/i/eg_bg_04.gif);}
</style>
</head>
<body></body>
</html>

plvo189 · 发表于 2022-9-3 07:54:18

先把创新班才能下班才能下班

a75620618 · 发表于 2022-9-10 00:41:01

66666666666

z835648964 · 发表于 2022-12-6 23:04:51

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

额呵呵 · 发表于 2022-12-17 17:08:47

感谢楼主分享

kwa3hgmjp · 发表于 2023-2-25 08:44:59

很不错的玩意

mkonji · 发表于 2023-6-23 19:38:47

大家都不容易！

lsc54 · 发表于 2023-10-20 08:10:29

女生看了弄丢了卡萨诺的卡洛斯

plvo189 · 发表于 2024-3-23 08:05:09

撒旦撒旦撒擦擦擦擦

ppwxcg · 发表于 2024-4-29 07:31:42

非常vbcbvcvbvcb

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS教程(2)：通过实例学习CSS背景