css中background背景屬性概述

2022-08-20 18:30:16 字數 784 閱讀 5148

background:url(背景路徑)  no-repeat;/*

不重複預設在左上方

*/background:url(背景路徑) no-repeat center;/*

不重複背景中間顯示

*/background:url(背景路徑) no-repeat bottom center;/*

不重複背景底部中間顯示

*/background:url(背景路徑) no-repeat right top;/*

不重複背景右上方顯示

*/background:url(背景路徑) no-repeat right bottom;/*

不重複背景右下方顯示

*/background:url(背景路徑) no-repeat left bottom;/*

不重複背景左下方顯示

*/background:url(背景路徑) #

000 no-repeat;/*

背景色上插入不重複背景

*/background:url(背景路徑) no-repeat 0 0;/*

不重複背景定位第乙個0px是指x軸也就是橫向,第二個0px是指y軸也就是縱向

*/background:url(背景路徑) repeat-x;/*

背景橫向平鋪

*/background:url(背景路徑) repeat-y;/*

背景縱向平鋪

*/background:url(背景路徑) repeat;

/*背景滿屏平鋪

*/

CSS常用樣式 background

參考 w3school css background 所有瀏覽器都支援 background 屬性,其簡寫形式,在乙個宣告中設定所有的背景屬性,各屬性需按順序,語法如下 selector可設定如下屬性 值描述 cssbackground color 規定要使用的背景顏色 1background im...

CSS3中background背景的使用

1.background漸變色例子 2.background clip裁剪區域 background clip有三種屬性 border,padding,content.分別指覆蓋border的區域,覆蓋padding區域裁剪border.覆蓋content區域裁剪border和padding.3.b...

CSS3background中屬性值介紹

background size 語法 background size auto cover contain 取值 auto 背景影象的真實大小,預設值 用長度值指定背景影象大小 用百分比指定背景影象大小 cover 將背景影象等比縮放到完全覆蓋容器,背景影象有可能超出容器 contain 將背景影象...