当前位置:首页 » 背景图片 » dw中怎样调节背景图片的大小
扩展阅读
能放下的动态图片 2025-10-05 13:55:32
工作证背景图片怎么插入 2025-10-05 13:49:57

dw中怎样调节背景图片的大小

发布时间: 2023-03-21 18:07:10

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