css用网络图片做背景图片,css 网页背景图片怎样用CSS实现大背景网页效果

在网页设计制作中经常会遇到这样的问题：用图片做背景时，由于显示器分辨率太大或者图片尺寸太小，在页面的两边或者下部了没有背景图片。例如：在小于1024*768分辨率时，是没有问题的。但是假如你的显示器的分辨率大于1024*768，你会看到背景图片以外的部分，影响效果。如下图：

如何用CSS实现大背景的网页效果呢,下面来看一些实例：

例1：图片+背景颜色

将图片边沿的颜色设置成和网页背景色相同的颜色。看下面的图片，留意图片的边沿是纯色的。

这部分很简单，为body元素设置背景图像(定位于center，top)

以下是css代码：

CSS Code复制内容到剪贴板

body {

padding: 0;

margin: 0;

background: #f8f7e5 url(wdw-bg.jpg) no-repeat center top;

width: 100%;

display: table;

}

例2：两张图片

给body标签应用了重复的软木板的图案，然后给wrapper标签应用了居中的背景图案。

这里的诀窍在于给Gif图像使用了和软木背景相似的但却更深的颜色。

css用网络图片做背景图片,css 网页背景图片怎样用CSS实现大背景网页效果相关推荐

html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...
html 网页背景图片根据屏幕大小CSS自动缩放
腾讯微博和QQ空间的登录背景图片是根据访客的屏幕大小自动缩放的,但是好像是用JQuery代码实现的.先不说要调用jq库拖慢了网页的打开时间,而且对于兼用性不好. 前几天用CSS研究出相同效果的样式代码 ...
CSS学习记录3.2/设置标签的背景颜色/控制背景图片的平铺方式/控制背景图片的位置/背景图片关联方式/背景图片和插入图片的区别/捕鱼达人背景练习/精灵图
设置标签的背景颜色: CSS中的background-color:属性,就是专门用来设置标签.bc+table 设置背景图片: CSS中的background-image: url( );的属性就是设 ...
背景图片固定（背景图片附着）（HTML、CSS）
背景图片固定(背景图片附着)(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta ...
解决网页背景图片高度无法达到100%平铺界面问题
网页背景图片无法根据浏览器大小实现宽度100%的情况: 通过css属性来实现一种视觉错觉来实现高度100% body{background: #c0c0c0;background-image: url ...
html背景图固定,网页背景图片固定在一个位置不重复代码
css之background-repeat的几种属性 background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repea ...
网页背景图片自动拉伸
<style type="text/css"> <!-- body { background-image: url(bg.gif); background-rep ...
jquery设置网页背景图片
jquery设置网页背景图片 $('body').css("background-image","url(/images/BK2.jpg)"); $(' ...
HTML如何变换背景图片,javascript如何更改网页背景图片？
JavaScript中更改网页背景图片可以通过style对象的backgroundImage属性来实现.语法为Object.style.backgroundImage=url(URL). JavaSc ...

css用网络图片做背景图片,css 网页背景图片怎样用CSS实现大背景网页效果

css用网络图片做背景图片,css 网页背景图片怎样用CSS实现大背景网页效果相关推荐

最新文章

热门文章

css用网络图片做背景图片,css 网页背景图片 怎样用CSS实现大背景网页效果

css用网络图片做背景图片,css 网页背景图片 怎样用CSS实现大背景网页效果相关推荐

最新文章

热门文章

css用网络图片做背景图片,css 网页背景图片怎样用CSS实现大背景网页效果

css用网络图片做背景图片,css 网页背景图片怎样用CSS实现大背景网页效果相关推荐