当前位置:首页 » 背景图片 » dreamweaver背景图片拉伸
扩展阅读
心中有靠山唯美图片 2024-11-05 18:14:19
面点花样有哪些图片 2024-11-05 18:13:35
搜索小厨宝图片图片 2024-11-05 17:54:49

dreamweaver背景图片拉伸

发布时间: 2022-06-19 14:57:29

❶ 用Dreamweaver做网页,背景图片不够大,但是要在页面上显示桌面拉伸的效果,就是全屏的,求解答!

网页背景图无法用html或css代码拉伸。img方式插入的图片可以拉伸。

办法:把你的背景图用photoshop打开,把尺寸调整到足够大,比如:1024分辨率下宽是1004像素,现在的电脑分辨率你得拉得更大。(这个办法整有缺点:一是图片会模糊,二是原图宽高比例变了图很怪)

❷ (网页制作 Dreamweaver) 如何实现: 背景图片拉伸

要想实现背景图片的拉伸,需要给此背景图片添加css属性,具体写法为:
body
{
background-image: url(...);
background-repeat: repeat-y;
}

属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。

❸ dreamweaver cs3背景图片怎么拉伸

1.打开dreamweaver创建新页面,点击属性面板中的页面属性,如图:

❹ 如何网页背景图片拉伸

要想实现背景图片的拉伸,需要给此背景图片添加css属性,具体写法为:
body
{
background-image: url(...);
background-repeat: repeat-y;
}

属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。

❺ Dreamweaver设置网页页面背景图片拉长

background-size 属性规定背景图片的尺寸。

在 CSS3 之前,背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中,可以规定背景图片的尺寸,这就允许我们在不同的环境中重复使用背景图片。

您能够以像素或百分比规定尺寸。如果以百分比规定尺寸,那么尺寸相对于父元素的宽度和高度。

例子 1

调整背景图片的大小:
div
{
background:url(bg_flower.gif);
-moz-background-size:63px 100px; /* 老版本的 Firefox */
background-size:63px 100px;
background-repeat:no-repeat;
}

例子 2

对背景图片进行拉伸,使其完成填充内容区域:
div
{
background:url(bg_flower.gif);
-moz-background-size:40% 100%; /* 老版本的 Firefox */
background-size:40% 100%;
background-repeat:no-repeat;
}

❻ dreamweaver 中我不想让背景图片平铺,而是拉伸,能随着电脑屏幕的大小而正好充满整个屏幕

通常的做法是在CSS设置:先设置一个颜色的背景,再设置一个背景图片,但图片通常与背景色能构成有效的渐变,这有一点难度!但你可以看看类似的网站的CSS设置,背景图片可以不用平铺,或是垂直平铺、水平平铺,可根据整体效果来定义!代码也不复杂!

❼ Adobe Dreamweaver CS4 背景拉伸

background-repeat: repeat;
no-repeat;
或者 repeat-x;
repeat-y;
这是背景平铺类型的。
如果你想拉伸的话,得CSS3支持,不过貌似现在大部分浏览器也都支持这个属性了
是 BACKGROUND-SIZE属性,填写下你的背景图片的SIZE

❽ dreamweaver cs6 中如何拉伸背景图片

你可以使用CSS定义
<style type="text/css">
<!--
body {
background-image: url(背景图片地址); /*背景图片位置*/
background-repeat: repeat-x; /*横向平铺背景图*/
background-position:bottom; /*定位在页面底端*/
background-attachment:fixed; /*背景不随滚动条移动*/
margin-top: 0px; /*边距为0*/
}
-->
</style>

把以上代码放到<head></head>之间

效果就是居于底端并横向平铺的背景了