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>之間