Ⅰ 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是背景图片高度自适应,保证了背景图等比例缩放不变型。
注意:背景图片最好设的大一些,保证不同屏幕分辨率都能显示清晰