![]() |
当前位置: 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文 |
|
|||
用CSS网站布局之十步实录(七) | |||
2010-5-25 8:05:51 文/DivCSS 出处:DivCSS | |||
为实现设计时的网页头部效果,我们需要以下两幅图:(点击另存,并相应修改文件名) 我们使用的背景属性为一些简写的属性名,用其能规定背景的颜色,图案,图案的位置,是否重复以及如何重复。之所以把背景色设为桔黄色,是因为当用户使浏览器屏蔽图片时,网站的头部不会变的一片空白。应该注意到图片的路径是相对于css的存放位置而言的,而不是html文件,因此有"../"。 接着替换掉<h1></h1>标签里的"Enlighten Designs": <div id="header"> logo_enlighten图片浮在头部的左上方,我们需要设置<h1>的属性值为: #header h1 { #header { 我们使用的背景属性为一些简写的属性名,用其能规定背景的颜色,图案,图案的位置,是否重复以及如何重复。之所以把背景色设为桔黄色,是因为当用户使浏览器屏蔽图片时,网站的头部不会变的一片空白。应该注意到图片的路径是相对于css的存放位置而言的,而不是html文件,因此有"../"。 接着替换掉<h1></h1>标签里的"Enlighten Designs": <div id="header"> logo_enlighten图片浮在头部的左上方,我们需要设置<h1>的属性值为: #header h1 { 这样我们使存在于<h1>层的图片向右浮动,并且上边距(margin-top)为57px,右间隙(padding-right)为31px,如下图所示: |
|||
最新热点 | 最新推荐 | 相关文章 | ||
用CSS网站布局之十步实录(六) 用css网站布局之十步实录(五) 用css网站布局之十步实录!(四) 用css网站布局之十步实录!(三) 用css网站布局之十步实录!(二) 用css网站布局之十步实录!(一) |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |