网页设计css背景_网页设计中怎么用CSS做出磨砂的背景效果

1、制作html网页时如何使用CSS使背景图片拉伸（

比方说背景图片铺满整个div（不管多大）：

如果想让图片保持原始的长宽比例不变形（多余部分自动裁去）：

如果想保持比例的同时又要显示出完整的图片（div会出现留白）：

2、网页设计：添加背景图像css代码 background-image:url(bg.jpg) bac

直接background:url（bg.jpg） no-repeat;
不过你这路径对吗

3、我是做网页设计的在做div+css时需要有一张背景图全屏显示作为网页的背景图片怎么可以办到

这个就需要背景图片做的很大了，必须得照顾到现在市场上的一些主流以及非主流分辨率的显示器，如果不想做很大的图片也可以投机取巧，讲背景图片的边缘透明，或者向某一种单色过渡，然后背景色设置为这个单色即可。背景图片的位置设置靠左上角就行。

4、css网页制作为什么背景图片显示不了？

第1，字符编码调整为utf-8，你当前使用的是gb2312

第2，background-image属性当中所书写的有误，用实际路径，而且文件夹名字最好不要用中文（基本的开发规范和标准），不要用编码后的字符串，如：

background: url('../images/HTML5-学堂.jpg')

第3，你的路径不要写错，在谷歌或者其他浏览器当中，点击F12键，调出控制台，查看是否有错误，如果有文件没有加载成功，则说明你的相应文件没有成功引入

第4，body当中需要有内容，默认body的高度是由内容撑开的，没有内容body就没有高度，背景图自然无法看到

最后，建议你弄本书系统的学一学，里面包括一些类名的命名，书写的规范，在你代码当中都有不少不合适的地方，毕竟学东西是为了有实际的用处，既然要写代码，写的规范一些，按照开发行业标准来写岂不是更好。HTML与CSS方面，推荐《HTML5布局之路》，JS，可以借助《Head First JavaScript程序设计》来入门

5、用DW制作网页，怎么用CSS做虚线和背景？

1，你的css是否正确

2，div里面是否有内容
3，div是否设置宽高
在div没有设置宽高情况下和里面内容时，div内背景和边框是看不清的，压在一起边框看起来是条线背景看不到
.box1{ border:#CCC dashed 1px; background:#CCC;width:200px; height:40px;}
<div class="box1">文字垂直居中</div>

6、怎么设计css网页背景颜色过渡?

CSS实现渐变背景效果兼容主流浏览器
IE浏览器下渐变背景的使用需要使用IE的渐变滤镜filter
对于Firefox浏览器下(Firefox 3.6+)渐变背景的实现需使用CSS3渐变属性为-moz-linear-gradient属性
对于webkit核心的浏览器，如Chrome/Safari浏览器下渐变背景的实现也是使用CSS3 渐变方法为-webkit-gradient
代码如下：
.gradient{
width:300px;
height:150px;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE*/
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/
background:red; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5)); /*Firefox*/
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0.5))); /*Chrome/Safari*/
}
<div class="gradient"></div>

7、网页设计div中背景图片怎么沾满整个该div

你的意思是背景图的样式设置中，不要横向或者纵向重复，是不是？那么你在设置该样式表的时候，就把图片的尺寸（长和宽）和div的尺寸（长和宽）设置一样大小，就可以了，而且背景图不让它重复！

8、网页设计中的css背景图片不能显示

如图在样式设计窗口中设置方框的宽度和高度就可以了

看了你的源码，我这运行也没错。

不过我放的是.gif的图片，浏览器显示没问题

放了.png的图片，我这里是FF不能显示图片，以前我遇到过.png图片不支持浏览器的情况。

还有你看看%E6%9C%AA%E6%A0%87%E9%A2%98-1这个会不会有问题，我以前做过像这种路径：skins/skin_%28%21SKINID%21%29 也不可以出来图片，后来换成这种skins/skin_(!SKINID!)就可以了，不过skin_%28%21SKINID%21%29代表什麼我就不懂了，别人告诉我这个(!SKINID!)是代表变动的。

9、在网页制作中如何控制DIV居中显示，用CSS怎么控制背景图片大小？

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

body {text-align: center;background: url(small2.png); background-size: 60%;}

3、浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。

10、网页设计中，怎么用CSS做出磨砂的背景效果？

代码:透明背景(带磨砂玻璃效果)注：在粘贴到空白模板前一定先打个空格。

<STYLE type=text/css>

.bodytop{background:#transparent}

.banner{ background:#transparent}

.menu{ background:#transparent}

.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}

.zone{ background:#transparent}

.bodyBottom{background:#transparent}

.feeds .up{background:#transparent}

.feeds .down{background:#transparent }

.feeds .function{background:#transparent}

.feeds .page{background:#transparent}

.aList .sysHand .up{background:#transparent}

.aList .sysHand .down{background:#transparent}

.gbook .sysHand .up{background:#transparent}

.gbook .sysHand .down{background:#transparent}

.gbook .title{display:none;}

.logo{display:none;}

.gbook .page{background:#transparent }

.gbook .login{background:#transparent}

.box_1{background:#transparent}

.box_2{background:#transparent}

.calendar{background:#transparent}

.calendar .mid{background:#transparent}

.calendar .top{background:#transparent}

.calendar .title{background:#transparent}

.calendar .bold td{background:#transparent}

.calendar .bottom{background:#transparent}

.callboard .mid{background:#transparent}

.callboard .mid img{background:#transparent}

.callboard .front{background:#transparent}

.callboard .back{background:#transparent}

.callboard table{background:#transparent}

.callboard .up{background:#transparent}

.callboard .down{background:#transparent }

.sysBr{background:#transparent}

.sysBr210{background:#transparent}

.label{background:#transparent}

.label .mid{background:#transparent}

.label .top{background:#transparent}

.label .bottom{background:#transparent}

.photo{background:#transparent}

.photo .mid{background:#transparent}

.photo .image{background:#transparent}

.photo .top{background:#transparent}

.photo .bottom{background:#transparent}

.links{background:#transparent}

.links .up{background:#transparent}

.links .down{background:#transparent }

.links .mid{background:#transparent}

body{background:url("
http://s11.sinaimg.cn/orignal/439175a380fda7635072a
") repeat fixed!important;}

.add{background:#transparent}

.add .ico{background:#transparent}

</STYLE>

导航:首页 > 万维百科 > 网页设计css背景

网页设计css背景

与网页设计css背景相关的知识