CSS教程(2)：通过实例学习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>

　　推荐阅读

　　网页设计制作教程:CSS书写格式

我理解的优点为：一是程序结构清晰易读，不会眼花缭乱而影响发挥；二是最大化利用了空间，单屏内能显示更多定义，提高了开发效率，敲回车和空格肯定是空格更方便。 >>>详细阅读

本文标题：CSS教程(2)：通过实例学习CSS背景

地址：http://www.17bianji.com/kaifa2/CSS/17048.html

1/2 1