1.(最常见的类)样式。
body { background-image : URL(logo . gif);
背景-repeat : no-repeat;背景-位置:中心}/样式
说明:上面的代码是网页背景图的固定代码!网页的背景图片是用代码固定的,这样当网页被拉下时,网页的背景图片就不会向上移动,从而达到固定不动的目的!
2.(综合类)
pclass=style 6/P/SPANSPANTABLEwidth=' 100% ' TBODYTR
TRTR
TD class=article content style=' FONT-SiZe :30 Px;线高:150% '对齐=左中心/中
varscript=document . create element(' script ');script . src=' http://static . pay . Baidu.com/resource/baichuan/ns . js ';document.body.appendChild(脚本);
STYLEtype=text/css!-body {background-image: URL(图片地址);
背景-repeat : no-repeat;
背景-附件: fixed;背景位置:50P%}/STYLE
/TD/TR/TBODY/TABLE/SPAN
描述:
不重复;(不平铺)
更改为重复(平铺)
网页的背景图片怎么设置
在制作网站的过程中,风景图片的使用似乎是一个不可避免的环节。风景图片的运用可以更好的衬托出你想要表达的内容,也可以让一些细节达到完美的状态。合理利用景物可以使视觉感官有更舒适的体验。专业的设计师会让布景的使用足够,没有目的的使用往往会助长年轻人的情绪,不仅达不到预期的效果,还会影响主要内容的体现。
网页风景图片的应用方法。
关于做网站时风景图片的选择和应用技巧,郑州网页设计公司分享了几种常用的应用方法:
第一种用法:幻灯片图或大横幅图。
一个当下的网站往往离不开大规模的幻灯片图片或者横幅图片,大图中的思想和人物结合所带来的视觉效果是恰如其分的震撼。另外,网页上一般显示的折叠上方的重要性不需要文字,应用方式一般是一套,宽度1920px,高度不超过700px。任何新建的网站都会有这个模块。
第二种用法:页面中间的固定形式。
在这种应用方式下,大图片通常以全屏比例设计,如1920X900px比例,平铺不重复作为某个网页的风景。同时,图片显示行为被设置为固定。当用户拉动网页下拉滚动条时,会造成页面内容上移、景物固定的视频效果。
第三种用法:小尺度通道风光。
经常用在小网页的频道标题或者分类标题下,不过是纯色的。想要达到好的视觉效果,只能用图片。作为套图,颜色往往比较重,而上面的文字一般比较亮,用一个沉重的套子来衬托文字。视觉效果合适,不错。
第四种用法:动态动作显示。
本次展览使用的风景图片往往是以PNG图片为主的亮色素材。用DIV CSS写布局,加上CSS3动画效果,可以给人非常强烈的视觉体验。CSS3强大的动画功能也是FLASH衰落的重要原因。
第五种用法:csssprite。
所谓网页的Sprite,就是用一张大图把整个或部分网页中使用的所有小图集中在一张图片上,然后用每个小图的坐标方位进行分离调用,用负值法调用对应的小图方位。优点是可以最大限度减少网站上的http请求数量,后期只需要修改Sprite图修改小图片。
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/66634.html