给大家带来CSS教程(4):经由过程实例进修CSS背景
可以将站点上所有的网页风格都使用一个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的简称,中文译作“层叠样式表单”。 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。 在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
页:
[1]