Ⅰ dreamweaver 背景圖片怎麼自適應瀏覽器大小
圖片自適應屏幕大小顯示主要是利用百分比來控制,切忌給圖片寬度一個固定值。如下代碼:
html代碼:
<divclass="imgbox">
<imgsrc="圖片地址"alt="">
</div>
此時的css可以寫成:
.imgboximg{width:100%;}
這樣,圖片的大小就會根據其父級容器的大小而變化,圖片的寬度只設置百分比,這樣可以根據瀏覽器窗口的大小變化而隨時調整。
Ⅱ 在dreamweaver中插入背景圖片大小如何調整,調整為多大合適
在PS理調整最好,你在DW中線設定DIV大小,然後再PS修改下進去,這樣是最好的,
如果是整個頁面都是需要背景的,那麼就看你頁面有多大了,一般都是1024PX或者960PX左右(寬度)
Ⅲ (網頁製作 Dreamweaver) 如何實現: 背景圖片拉伸
要想實現背景圖片的拉伸,需要給此背景圖片添加css屬性,具體寫法為:
body
{
background-image: url(...);
background-repeat: repeat-y;
}
屬性值 repeat 導致圖像在水平垂直方向上都平鋪,就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重復,no-repeat 則不允許圖像在任何方向上平鋪。
Ⅳ dreamweaver怎麼更改背景圖片全屏
將背景圖片放在body里,定義body背景圖片代碼如下:
<style>
body{
background: url(1.jpg) no-repeat;
background-size: 100% auto;}/*這里是關鍵*/
</style>
上面的100%即全屏顯示背景圖;auto是背景圖片高度自適應,保證了背景圖等比例縮放不變型。
注意:背景圖片最好設的大一些,保證不同屏幕解析度都能顯示清晰