background-repeat
我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、鄉(xiāng)寧ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的鄉(xiāng)寧網(wǎng)站制作公司
背景重復(fù),可以選擇repeat-x ,repeat-y ,或者默認是自動填充,
不過如果你的圖片是復(fù)雜的圖片,那就沒有辦法了,簡單的漸變圖片可以切成有規(guī)律的小圖片,用上面的方法自動填充。
中間固定:設(shè)定中間的寬度,然后用margin:0 auto
就是背景色或是背景圖
background-color:#F00
或:background-image:圖片路徑
background-repeat: repeat-x;
使用“CSS 樣式定義”對話框的“背景”類別可以定義 CSS 樣式的背景設(shè)置??梢詫W(wǎng)頁中的任何元素應(yīng)用背景屬性。
加了background-repeat:repeat-x;之后,背景現(xiàn)在只在X軸即橫向進行了平鋪操作,縱向并沒有進行平鋪。這便是css對于背景細節(jié)的控制之一。background-repeat是針對背景平鋪的屬性設(shè)置,可選的值包含:
代碼如下:
repeat 即默認方式,完全平鋪背景;
no-repeat 在X及Y軸方向均不平鋪;
repeat-x 橫向平鋪背景;
repeat-y 縱向平鋪背景。
css部分
#box{
background-image:url(bgi.jpg); /*背景圖片位置*/
background-repeat:no-repeat; /*是否重復(fù)平鋪*/
background-position:center; /*是否居中*/
width:xxpx; /*長多少*/
height:xxpx; /*寬多少*/
}
body部分
div id="box"
/div