❶ 用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>之間
效果就是居於底端並橫向平鋪的背景了