網頁設計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背景相關的知識