导航:首页 > 万维百科 > 网页制作的设计背景

网页制作的设计背景

发布时间:2020-09-21 03:53:40

1、html网页设计里面怎么平铺背景图片?

html网页设计里面平铺背景图片的代码如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:

1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。

2、网页设计如何将一张图片作为网页背景图片?

给装图片的div一张背景图,比如下面代码:
div{background:url(图片路径) no-repeat;background-size:100%;}
背景图片百分百显示,no-repeat意思是不重复显示

3、网页设计,div层如何添加背景图?

是的,如果直接给div写样式,确实是所有的div都会应用此样式;
方法有很多,你可以定义一个样式名,例如 .cc:{background:#999},所需要添加此样式的那个div 设置class="cc";
方法二 :你也可以定义一个id然,例如 #dd:{background:#999},给你所需要添加此样式的那个div设置 id="dd";
明白了吗?
希望我的回答对你有帮助,望采纳。。。谢谢了~~~

4、web网页设计中怎么做页面背景图片

1

5、一般做网页设计背景尺寸定多大?

背景最好是能够做到自动延伸,现在的显示器是越来越大,分辨率也慢慢的变大了,现在用1600*900分辨率的也不少,我的就是,当然也有人用1280*768、1024*768等,所以网页设计的背景一般是不会设计成固定尺寸的,你可以做成可循环平铺的图片或者渐变颜色,直接是一种颜色那就更方便了;

其实网页设计一般所说的尺寸指的是主体框架的尺寸,就拿现在这个百度知道的页面距离,中间的主体部分无论是浏览器怎么伸展,主体内容的宽度是保持不变的,我查看了一下css代码,这个主体框架的宽度是980px

你设计的时候把主体部分设置成980-1000px就差不多了,毕竟现在使用1024*768分辨率以下的人已经毕竟少了

6、DW做网页设计,怎样在一个网页上设置不同的背景?

第一种办法:body的width设置为100%,然后body下的总的div的width设置为固定宽度,比如:
<body style="width: 100%">
<div class="nav" style="width: 1080px"></div>
<div class="content" style="width: 1080px"></div>
<div class="footer" style="width: 1080px"></div>
</body>
然后每个div里面的元素再具体设置宽度。

第二种办法,如果你要针对移动端用户,可以使用响应式web设计。即:
@media screen and (max-width: 768px) and (min-width: 480px){
//这里面写CSS代码

}
如果使用第二种方法建议用百分比布局。

第三种方法,如果你要使用CSS3/JS,这时候就要考虑兼容性问题。。。这个就已经不只是布局问题了,更多的是代码问题。。。如果真要使用再说吧-。-

7、网页设计中,怎么用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>

8、在设计网页的过程中,想把一张图片放为那个网页的背景,该怎样做?

<style type="text/css">
body{ background-image:url(img/2.jpg); background-repeat:no-repeat;}
</style>
img/2.jpg这个换成你的图片地址
把这段代码放到<head>和</head>之间

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