導航:首頁 > 萬維百科 > 網頁設計css背景不居中

網頁設計css背景不居中

發布時間:2020-12-10 01:59:09

1、設計網頁的時候如何在css樣式中控制背景圖片的高度?

你上面的抄代碼是復制自己的貼上來的話 一看就出錯了height:5px}; 分號怎麼跑外面去了??
.line{
background:url(line_1.jpg) repeat-x;
height:5px;
}
background的部分可以簡寫的

2、如何解決網頁設計中css樣式所設字體不起作用

呵呵,那一定是沒用好css啦,你仔細檢查下,是不是有沖突,你可以把詳細的代碼發出來,我可以幫你看看。

3、關於網頁設計CSS 文本垂直居中的問題

text-align:center;文本居中顯示
vertical-align:middle;元素居中顯示
height:45px;文本框高度
不管文本框高度多少默認的游標都是在文本框的中間的哦。
希望可以幫到你……

4、DIV+CSS設計網頁布局時,如何將菜單導航部分背景自適應屏幕寬度,而讓導航內容居中?

這是由兩個div來實現的,首先建立一個外層div並設置寬高,要使寬度隨屏幕寬度變化(即瀏覽器寬度變化),那麼寬度就得設置100%,高度設置為你需要的高度即可,具體屬性為 width:100%;height:你自己的高度;background:你需要的顏色; 這樣就讓該div隨屏幕(瀏覽器)寬度變化而變化了。然後在這個div裡面再嵌套一個div給定一個寬高屬性,就是你導航的寬高,要使之居中,各人使用的方法也有所不同,但是常用的還是margin屬性,具體屬性如下 width:你導航的寬度;height:你導航的高度;margin:0 auto; 這樣就實現了,如果背景是圖片的話就更改background屬性即可,還有不明白的隨時Hi我。

5、在網頁製作中如何控制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%。

6、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程序設計》來入門

7、網頁設計裡面怎麼用css定點陣圖片的不規則擺放?(如圖)

百度:css3 變形(低版本ie和少部分瀏覽器不支持)

低版本ie的實現:
先把圖片在ps裡面拉斜做影子後存為:png24+背景透明格式,然後網頁裡面用cssz-index控制層級上下關系,並用定位擺放到合適的位置。另外你還要修正一下ie6的png24背景不透明的問題。

然後,你給那三個貓咪圖片每張一個id:
<img src="aaa.jpg" id="cat1" />
<img src="bbb.jpg" id="cat2" />
<img src="ccc.jpg" id="cat3" />

#cat1,#cat2,#cat3{position:absolute;}/*絕對定位*/

#cat1{
left:300px;top:80px;
z-index:10;
}

#cat2{
left:50px;top:320px;
z-index:9;
}

#cat3{
left:300px;top:80px;
z-index:8;
}

8、css設置背景顏色了,為啥沒出來,在設計里有,在網頁中就沒有?求解

部分情況下不排除代碼不規范造成的IE瀏覽器不兼容問題,你可以使用下谷歌瀏覽器、火狐瀏覽器進行下對比,另外也可能有布局不合理的情況,可以參考下下面的情況:

背景顏色不顯示的原因主要有以下幾個方面: 

1. css沒有被調用 

2. div的高度沒有固定,是auto、沒有設值或者高度不夠 

3. div被嵌套 

4. div代碼不規范

解決辦法: 

- DIV高度為自動,背景顏色無法顯示,在代碼中將原代碼height:auto; 改為height:100%; overflow:hidden;!important;同時還可以兼容 IE6、7、8和谷歌火狐。 

- 假設對一個對象設置了background背景顏色樣式,該對象內部盒子有使用float浮動屬性樣式,這個時候該對象浮動產生,導致該對象不能撐開,所以css背景顏色就不能無法顯示,解決方法有三種,一個是設置clear清除浮動、設置css高度、設置css overflow樣式。 

- 高度限製造成了背景顏色不能顯示完整,假如你有個對象沒有計算好高度(或無意設置了一個很小高度屬性樣式),因為不確定內容有多少,當內容超過你設置高度限制,這個時候超出部分背景就可能無法顯示。設置夠高的高度,或取消刪除高度樣式即可。

案例:

<div style="width:960px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左側</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右側</div>
</div>

因為外層的div沒有設置高度,所以設置如上代碼之後,看到的是三個透明的方框, 

正確代碼如下:
<div style="width:960px; height:200px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左側</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右側</div>
</div>

9、網頁設計中的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!)是代表變動的。

與網頁設計css背景不居中相關的知識