Ⅰ CSS裡面怎麼這樣插入背景圖片也可以啊
這個只是設置一個body標簽的背景圖片罷了,不是真正把圖片插入到了body裡面,就好像代碼裡面p的樣式一樣,設置背景顏色為#0066ff,就是用顏色來修飾p元素。而設置body的background-image,就相當於用一個圖片來作為body這個標簽的背景,這個時候body裡面的內容並沒有改變,只是裝飾它的元素由一個色塊變成了一個圖片,當然,這時在視覺上就會覺得插入了一張圖片到頁面裡面了~
另外,style裡面定義的樣式跟這個標簽放在頁面的哪個位置是沒有關系的,如果你要定義一個元素的樣式,無論在頁面哪個地方寫下這個元素的style,都是可以生效的,不需要真的把style放到那個元素裡面。
估計你也是初學CSS的,個人還是建議從html和css最基礎的概念開始學吧,html和css在結構和表現上是分離的,所以對於初學者而言理解上會有一點難度,不過沒有關系,多試幾次你就可以理解了~~
Ⅱ CSS如何添加背景圖片
通過css:background-image語句設置背景。
background-image 屬性會在元素的背景中設置一個圖像。根據background-repeat屬性的值,圖像可以無限平鋪、沿著某個軸(x 軸或 y 軸)平鋪,或者根本不平鋪。初始背景圖像(原圖像)根據background-position屬性的值放置。
(1)相對的文件位置:
(2)CSS中用body添加背景圖片擴展閱讀:
background-image 屬性為元素元素的背景占據了元素的全部尺寸,包括內邊距和邊框,但不包括外邊距。
默認地,背景圖像位於元素的左上角,並在水平和垂直方向上重復。
提示:請設置一種可用的背景顏色,這樣的話,假如背景圖像不可用,頁面也可獲得良好的視覺效果。
Ⅲ css裡面如何設置body背景圖片滿屏
<!doctypehtml><html><head><metacharset="utf-8"><title>無標題文檔</title><style>html{width:100%;height:100%}body{width:100%;height:100%;background:url(../1.jpg)no-repeat;background-size:cover;/*這里設置了背景圖片為覆蓋,以填滿整個容器*/}</style></head><body></body></html>Ⅳ css中body的背景圖片問題
你是說的css sprite,圖片精靈嘛?這個通過background-position的來定位,確實不錯
Ⅳ CSS里body有加背景圖片,為什麼頁面不顯示
有幾種可能,,
一是你CSS里的圖片路徑寫錯,
二是BODY里沒有內容,,默認是沒有高度的。
還有其它的,,
你可以通過FRIEBUG或者CHROME瀏覽器的元素審核來查看一下。。。
Ⅵ CSS中body設置背景圖片及字體設置
還是把圖片名稱的中文改掉,這個不是你方便不方便的問題,還有html可以不代表css可以, 另外你的編輯器提示background-size那裡有問題,如果那段代碼沒問題,也可能是它前後代碼有問題
Ⅶ css設置body背景圖片隨內容增加多少顯示多少
以前在遠標學時做過在CSS布局時,可能有時會遇到對body直接設置圖片作為網頁背景水平縱向平鋪(從上到下居中平鋪),此時整個網頁無論內容是否占滿一屏幕,css背景都會從上到下鋪(縱向)滿整個屏幕。但有時我們不需要這樣的一個效果,需要內容佔用多高,body背景就縱向從上到下鋪滿多少高度。很明顯這樣就達不到我們想要的效果。
解決方法:對html再設置個背景(無論圖片還是純色,推薦設置純顏色的背景顏色)
接下來DIVCSS5通過實例為大家介紹此技巧,首先DIVCSS5分為兩個案例,一個是直接對body設置背景圖片從上到下平鋪,我們會觀察到無論網頁內容是否占滿一屏幕,背景都會從上到下滿鋪。
一、未解決背景縱向平鋪CSS DIV案例 - TOP
1、DIV CSS案例描述首先對body設置一個背景圖片(bg.gif)從上到下平鋪,設置一個div盒子寬度為274px,高度為200px;div背景顏色為藍色。
對body設置縱向平鋪背景圖片顯示案例截圖
從以上圖上看到對body設置背景圖片從上到下縱向平鋪時,無論內容是否占滿1屏幕,其背景都會從上到下都會平鋪滿整個屏幕,此時就不那麼好看了,接下來第二個案例在此基礎上進行解決背景隨內容佔用多個顯示多個平鋪圖片背景。
5、在線演示:查看案例
二、解決內容多高body設置背景圖片平鋪顯示多高 - TOP
1、解決說明我們只需要在CSS代碼中對html加一個背景色即可,當然這個背景設置需要根據布局實際情況而設置,這里因為背景顏色為「#E2E2E2」,此時我們就只需要對html設置一個CSS背景色為「#E2E2E2」即可解決實現完美背景圖片縱向從上到下平鋪問題。
2、CSS代碼:
@charset "utf-8";
/* DIVCSS5-CSS初始化模板-www.divcss5.com */
body, div {margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif}
/* \5B8B\4F53 代表 宋體,更多中文字體轉 Unicode http://www.divcss5.com/jiqiao/j325.shtml */
ol, ul ,li{list-style:none}
html{background:#E2E2E2}/*
CSS注釋
說明:對html設置背景顏色 */
body{color:#FFF;background:#E2E2E2 url(bg.gif) repeat-y center 0; text-align:center}
.divbox{ margin:0 auto; width:274px; height:200px; background:#00F}
3、案例截圖
解決body背景圖片縱向平鋪內容佔多高背景圖片顯示多高
Ⅷ 關於html中背景圖片的問題。。。用<body background=...>或者用css中 body{}加入的圖片怎麼調節大小
背景圖片實現不了縮放,是多大就是多大,只可以設置背景圖片的位置,和重復等屬性,沒有縮放屬性,背景圖片大於容器,容器只會截取某部分,小了則根據你的定義重復顯示,或者不重復,補背景顏色等
Ⅸ css在body中改背景圖片顯示不出來,是下面的代碼妨礙的嗎 急 怎麼改
檢查思路:
檢查是否路徑書寫正確和路徑的正確性
檢查body的高度是多少,是否高度為0
檢查是否被其它塊覆蓋了
Ⅹ 我想在body里放一個背景圖片,瀏覽的時候填充整個屏幕,請問這樣的JS代碼或CSS代碼怎麼寫
這個是用css設置背景圖片
url :"../images"表示當前目錄的上級目錄下的目錄
no-repeat:背景圖片無重復。
background-size:背景圖片大小,兩個百分百表示長寬都占屏幕百分百,防止網頁縮放或者屏幕大小不一樣時沒有鋪滿