當前位置:首頁 » 背景圖片 » dreamweaver背景圖片拉伸
擴展閱讀
冠心病哪裡痛圖片 2024-11-05 15:38:14
母雞卡通圖片可愛可塗色 2024-11-05 15:33:36
唯美美女朦朧圖片 2024-11-05 15:32:30

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>之間

效果就是居於底端並橫向平鋪的背景了