来看看：CSS教程(5)：经由过程实例进修CSS背景
可以增加更多的用户而不需要建立独立的版本。可以一次设计，随处发布。破洛洛文章简介：本CSS教程先容：1.怎样利用像从来定位背景图象，2.怎样设置流动的背景图象，3.一切背景属性在一个声明当中。
本CSS教程先容：1.怎样利用像从来定位背景图象，2.怎样设置流动的背景图象，3.一切背景属性在一个声明当中。
参考破洛洛关于CSS背景的实际常识：CSS教程(1)：进修CSS背景相干常识。
1、怎样利用像从来定位背景图象
本例演示怎样利用像从来在页面上定位背景图象。
<html>
<head>
<styletype="text/css">
body
{
background-image:url(/i/eg_bg_03.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50px100px;
}
</style>
</head>
<body>
<p><b>正文：</b>为了在Mozilla中完成此效果，background-attachment属性必需设置为"fixed"。</p>
</body>
</html>
2、怎样设置流动的背景图象
本例演示怎样设置流动的背景图象。图象不会跟着页面的其他部分转动。本文由破洛洛poluoluo.com收拾公布！转载请说明出处，感谢！
<html>
<head>
<styletype="text/css">
body
{
background-image:url(/i/eg_bg_02.gif);
background-repeat:no-repeat;
background-attachment:fixed
}
</style>
</head>
<body>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
<p>图象不会随页面的其他部分转动。</p>
</body>
</html>
3、一切背景属性在一个声明当中
本例演示怎样利用简写属性来将一切背景属性设置在一个声明当中。
<html>
<head>
<styletype="text/css">
body
{
background:#ff0000url(/i/eg_bg_03.gif)no-repeatfixedcenter;
}
</style>
</head>
<body>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
</body>
</html>
当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。 在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。
页:
[1]