⑴ 怎麼用css把背景圖片拉伸 不是平鋪
1、首先准備一張設置為背景的圖片,這邊准備的是一張650px*347px的圖片。
⑵ css 背景圖片怎麼讓他在瀏覽器中都居中顯示
要是背景圖片居中,需要藉助於css中的background屬性,background 簡寫屬性其定義及用法如下:
background 簡寫屬性在一個聲明中設置所有的背景屬性。可以設置如下屬性:
1,background-color 規定要使用的背景顏色。
2,background-position 規定背景圖像的位置。
3,background-size 規定背景圖片的尺寸。
4,background-repeat 規定如何重復背景圖像。
5,background-origin 規定背景圖片的定位區域。
6,background-clip 規定背景的繪制區域。
7,background-attachment 規定背景圖像是否固定或者隨著頁面的其餘部分滾動。
background-image 規定要使用的背景圖像。
如果不設置其中的某個值,也不會出問題,比如 background:#ff0000 url('smiley.gif'); 也是允許的。
通常建議使用這個屬性,而不是分別使用單個屬性,因為這個屬性在較老的瀏覽器中能夠得到更好的支持,而且需要鍵入的字母也更少。
background-position 即是規定背景圖片的位置。它的值分別有以下:
top,left,right,bottom
所以需要想背景圖片居中顯示的話,可以這樣寫:
#menu_bg{background:url(../images/index_x.jpg) center center;}
⑶ 用css怎麼讓背景圖片和插入頁面的圖片水平對齊
通過css控制背景圖,例如background-position:10px 20px;表示背景圖左上角坐標相對於父元素為(10,20),
⑷ css怎麼調整背景圖片的位置
1、首先打開前端開發工具,新建一個html代碼頁面。
⑸ 怎麼用CSS把一張背景圖片定在水平居右,然後再往左十個像素的固定位置上
background:url(images/-.gif) right top no-repeat;
然後給這個修改下背景圖,給他右邊加10像素的透明,就可以達到你要的效果了
如果你這個背景圖是重復的,那就只能給他加個父層,父層右填充10像素.
⑹ CSS背景圖片設置求教!!
background:url(../images/bg.gif) repeat-x top;
這個意思是從左向右鋪滿,靠頂部
background:url(../images/bg.gif) ;
這個意思是這一張圖片鋪滿整個頁面
background:url(../images/bg.gif) repeat-y;
這個意思是從上向下鋪滿
repeat-no:意思是背景不重復顯示,只顯示一張
repeat-x:意思是從左到右鋪滿
repeat-y:意思是從上到下鋪滿
⑺ 急!!如何用css實現背景圖片縱向平鋪
1、再css中定義css的背景圖片,修改CSS的一下部分:
background-image:url(../images/bg_middle.jpg);
2、在之後加上background-repeat:repeat-y; 這個屬性可以讓圖片縱向平鋪
3、看圖片是否會需要居中如果需要的話加上background-position: center