仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2151|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS教程(4):经由过程实例进修CSS背景

[复制链接]
若相依 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:01:33 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
破洛洛文章简介:本教程先容:1.怎样仅显现一次背景图象,2.怎样安排背景图象,3.怎样利用%来定位背景图象。
本教程先容: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
}
</style>
</head>
<body>
</body>
</html>
2、怎样安排背景图象

本例演示怎样在页面上安排背景图象。看到本信息申明该文是经由过程网页教授教养(poluoluo.com)收拾公布的,请不要删失落!
<html>
<head>
<styletype="text/css">
body
{
background-image:url(/i/eg_bg_03.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
</style>
</head>
<body>
<body>
<p><b>正文:</b>为了在Mozilla中完成此效果,background-attachment属性必需设置为"fixed"。</p>
</body>
</body>
</html>
3、怎样利用%来定位背景图象

本例演示怎样利用百分比来在页面上定位背景图象。
<html>
<head>
<styletype="text/css">
body
{
background-image:url(/i/eg_bg_03.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:30%20%;
}
</style>
</head>
<body>
<p><b>正文:</b>为了在Mozilla中完成此效果,background-attachment属性必需设置为"fixed"。</p>
</body>
</html>

DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
若天明 该用户已被删除
沙发
发表于 2015-1-17 14:47:00 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
小魔女 该用户已被删除
板凳
发表于 2015-1-20 20:33:22 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
柔情似水 该用户已被删除
地板
发表于 2015-1-29 22:47:30 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
不帅 该用户已被删除
5#
发表于 2015-2-6 06:00:06 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
只想知道 该用户已被删除
6#
发表于 2015-2-15 17:28:46 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
谁可相欹 该用户已被删除
7#
发表于 2015-3-4 12:36:39 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
因胸联盟 该用户已被删除
8#
发表于 2015-3-11 19:39:39 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
乐观 该用户已被删除
9#
发表于 2015-3-27 21:26:52 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 15:13

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表