⑴ html頁面背景圖片如何既縱向又橫向都平鋪
css樣式里添加background-repeat:repeat;
⑵ html中如何將背景圖片橫向拉伸
在CSS里用 background屬性之後用他倆 repeat-x 、 repeat-y 一縱向一橫向自己試這用
⑶ html 背景圖片 橫向循環
css的background-image:
循環的話有個marquee標簽,但是效果不怎麼樣,如果要做那種無縫循環,就要用到js
⑷ div如何設置橫向延伸背景圖片
style=" background-repeat:repeat-y"
⑸ 在css中設置圖片的背景圖,怎麼設置圖片縱向拉伸
css中設置背景圖拉伸填充,在css2.1之前這個背景的長寬值是不能被修改的。 實際的結果是只能重復顯示,可以使用repeat,repeat-x,repeat-y,no-repeat這些屬性來控制背景圖片的顯示。所以一般用作背景圖片的有2類:
1.是一整張大圖,尺寸和區域大小剛好吻合
2.一個很小的條狀圖,通過repeat後,形成一個很規則的大圖背景。
css3出現以後,可以用background-size 屬性來實現背景圖拉伸填充。 而且這個屬性在firefox,chrome,以及ie9上都可以使用。
具體使用方法如下:
背景圖尺寸(數值表示方式):
#background-size{ background-size:200px 100px; }
背景圖尺寸(百分比表示方式):
#background-size{ background-size:30% 60%; }
背景圖尺寸(等比擴展圖片來填滿元素,即cover值):
#background-size{background-size:cover; }
背景圖尺寸(等比縮小圖片來適應元素的尺寸,即contain值):
#background-size{ background-size:contain; }
背景圖尺寸(以圖片自身大小來填充元素,即auto值):
#background-size{ background-size:auto; }
⑹ html表格中背景圖片橫向平鋪
background-size:100% 100% 背景圖片大小,百分百就是完全展開。不過這個是CSS3,IE低版本不支持。
⑺ HTML如何把橫向拉伸背景圖片
DW本身是沒有這樣的功能的,如果非要如此,可能是需要濾鏡效果才能夠體現,但是這樣是不不足的地方的,比如每款瀏覽器支持的濾鏡的代碼是不同的,效果也是不一樣的,再者一張不足夠大的圖片做為背景還要拉伸的話,圖像勢必會發虛像。建議要麼是用ps把圖片p的在上傳,要麼就用重復repeat-x橫向重復
⑻ div+css 如何讓背景圖片橫向縮小
貌似背景圖片是不能設置大小的,原來多大,顯示出來就是多大的!如果你設置div 為60*30那麼圖片只會顯示一部分的。
⑼ div+css 如何讓背景圖片橫向縮小
背景圖不能放大縮小,只能平鋪,img才能放大縮小,如果你需要背景圖發達縮小限制兩個方式。
第一種:背景圖居中其他方向填充顏色 background:url(../images/bj.jpg) no-repeat center top #F00;
第二種:img定位,給img設置寬高百分比<img src="../images/bj.jpg" style="width:100%; height:100%; position:absolute; z-index:1;" />
⑽ CSS中設置一張圖片橫著為背景 如何再加一張圖片豎著為背景
做兩層DIV,嵌套如下:
<div 背景設置成你的橫背景,位置是劇中置頂(top center)>
<div 背景是你的橫向背景,使用一張從上到下,從透明到白漸變的png圖片,橫向平鋪 ></div>
</div>
=========
另外,這樣的設計有一定的瀏覽器兼容問題。半透明PNG在IE上支持的不好,所以建議你修改設計,把兩層背景切到同一張圖片上,並且控制前面內容的數量和位置。
還有任何問題歡迎隨時聯系。