来看看：CSS教程(5)：经由过程实例进修CSS背景

只看该作者 · 发表于 2015-1-16 00:01:33

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

可以增加更多的用户而不需要建立独立的版本。可以一次设计，随处发布。
破洛洛文章简介：本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>
正文：为了在Mozilla中完成此效果，background-attachment属性必需设置为"fixed"。
</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>
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
图象不会随页面的其他部分转动。
</body>
</html>
3、一切背景属性在一个声明当中

本例演示怎样利用简写属性来将一切背景属性设置在一个声明当中。
<html>
<head>
<styletype="text/css">
body
{
background:#ff0000url(/i/eg_bg_03.gif)no-repeatfixedcenter;
}
</style>
</head>
<body>
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
</body>
</html>

当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。

只看该作者 · 发表于 2015-1-17 14:47:00

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-1-20 20:33:22

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

只看该作者 · 发表于 2015-1-29 22:50:29

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-2-6 06:00:06

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

只看该作者 · 发表于 2015-2-15 17:28:46

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

只看该作者 · 发表于 2015-3-4 12:36:39

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

只看该作者 · 发表于 2015-3-19 10:32:32

还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

只看该作者 · 发表于 2015-3-27 21:52:51

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

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

[DIV+CSS] 来看看：CSS教程(5)：经由过程实例进修CSS背景

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子