仓酷云

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

[DIV+CSS] 来看看:CSS网页计划实例:计划制造年夜背景网页

[复制链接]
冷月葬花魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:16:04 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

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

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

x
强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。
破洛洛文章简介:怎样用CSS完成年夜背景网页计划.
自从我公布了年夜背景网页计划合集以后,我收到了良多电子邮件扣问怎样用css完成年夜背景的网页计划。因而我决意和人人分享年夜背景网站的计划技能。在此教程中,我会用一些实例来讲明怎样用一张大概两张图片完成年夜背景网站的计划。
常常会犯的毛病:背景被扩充(检察示例)
检察示例文件,在小于1280分辩率时,是没有成绩的。可是假如你的显现器的分辩率年夜于1280像素,你会看到背景图片之外的部分。



实例1:一张图片(检察示例)
复杂的办理成绩的办法:将图片边沿的色彩设置成和网页背景致不异的色彩。这里我用WebDesignerWall作例子,看上面的图片,注重图片的边沿是纯色的。



CSS部分
这部分很复杂,为body元素设置背景图象(定位于center,top)



以下是css代码:
body{
padding:0;
margin:0;
background:#f8f7e5url(wdw-bg.jpg)no-repeatcentertop;
width:100%;
display:table;
}
注重察看在body选择符内有两条分外的线条,如许是为了避免当扫瞄器窗口比内容宽度小时,背景图片的改动。(这在firefox会呈现)




破洛洛文章简介:怎样用CSS完成年夜背景网页计划.

实例2:两张图片(检察示例)
我将会用到DesignJobsontheWall做例子,我给body标签使用了反复的软木板的图案,然后给wrapper标签使用了居中的背景图案。



这里的窍门在于给Gif图象利用了和软木背景类似的但却更深的色彩。



实例3:天空背景(检察示例)
在这个例子中,我给body标签使用了1个像素的程度偏向反复的突变。然后我给wrapper标签加上了一张居中的云朵背景图片。



更新:给html选择符使用天空背景图片(检察示例)
感激读者的批评,以下是给html选择符使用了突变背景,因而wrapper标签就不再必要了,这是更加简便的一个办法。



原文链接:Howto:CSSLargeBackground

</p>
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
冷月葬花魂 该用户已被删除
沙发
 楼主| 发表于 2015-3-4 04:05:45 | 显示全部楼层
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-11 14:16

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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