網頁設計背景圖片平鋪repeat

1、DreamWeaver 如何使用CSS設置背景圖片為平鋪

<input type="hidden" name="action" value="login" />
用戶名:
<input type="text" name="username" />
<br>
密碼:
<input type="password" name="password" />
<br>
<input type="submit" value="登陸" />

將這段代碼改為
<div class="bg">
<input type="hidden" name="action" value="login" />
用戶名:
<input type="text" name="username" />
<br>
密碼:
<input type="password" name="password" />
<br>
<input type="submit" value="登陸" />

</div>

然後CSS裡面這么設置
.bg{ background:url('images/background.jpg') no-repeat; width:1141px; height:407px;}

這樣就可以實現您要回的效果啦！希望答對您有幫助！

2、dw中用HTML語言如何將背景圖片平鋪

看來哥們你學得不是很好啊，你到網上去下個w3school.CHM 這東西保證你喜歡

3、在Dreamweaver里設置圖片作為背景如何使圖片平鋪而不是反復重復？

如果來是頁面背景，可以選擇屬性框自中的 頁面屬性—外觀—背景圖像—重復（可選多種重復、不重復、橫向重復、縱向重復）具體效果，一試便知。如圖：

div+css代碼為:

body{ background: #000000 url(file:///C|/Users/lenovo/Desktop/01.png) repeat;}

repeat為重復，repeat-x為橫向平鋪，repeat-y為縱向平鋪，no-repeat為不重復top為背景位置停靠頂部， left為背景位置停靠左， right為背景位置停靠右， bottom為背景位置停靠底部，可以設置頂部再設置左再設置重復這樣效果疊加，但是不能既有左又有右這樣矛盾的設置。還可以疊加顏色，#00000000；這個是顏色。具體參考RGB顏色代碼。

如果是div或者表格，css如第2條所述。HTML代碼為：

<div class="back_img">你要製作的內容，背景設置見css</div>

4、怎麼使網頁中的背景圖片平鋪~！急

CSS設置背景圖片平鋪：
<style type="text/css">
<!--
body {
background-image: url(img/top04.jpg);
background-repeat:no-repeat;:repeat;repeat-x;repeat-y;
【在此設置，分別顯示背景為，不平鋪，平鋪，沿X軸平鋪，沿Y軸平鋪】
}
-->
</style>
解決辦法，圖片高寬設置合適後，使用background-repeat:no-repeat;

5、這個CSS背景代碼，怎麼改一下就可以把背景圖片平鋪呢？

<style
type="text/css">
body
{background:#FFFFFF
url(背景圖片地址抄)
repeat
center
0;}
</style>
以上是合並成一條的寫法
repeat-x是橫向平鋪
repeat-y是縱向平鋪
repeat就是橫向縱向都平鋪
如果分開寫也可以不寫background-repeat:no-repeat;不寫怎麼鋪就是默認橫向縱向一起平鋪，如：
<style
type="text/css">
body
{background-color:#FFFFFF;background-image:url(背景圖片地址);background-position:center
0;}
</style>

6、網頁背景圖片設置的代碼是什麼呢

1.(最普遍類) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

說明:以上代碼為網頁背景圖片固定代碼！網頁背景圖片固定代碼，這樣，當向下拉網頁時，網頁背景圖片不會跟著向上移動，達到不動的目的！

2.(綜合類)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 圖片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
說明：
no-repeat;（不平鋪）
改為這個repeat（平鋪）

7、CSS中如何設拉伸背景圖片鋪滿屏幕

#bg{
margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}

擴展資料：

url(images/beijing.png)——圖片路徑的位置；

no-repeat—— 圖片不重復；

center 0px——center是距離頁版面左邊權的定位，0px是距離頁面上面的定位；

background-position: center 0——就是圖片的定位，同上；

background-size: cover;——把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。背景圖像的某些部分也許無法顯示在背景定位區域中；

min-height: 100vh;——視窗的高度，「視區」所指為瀏覽器內部的可視區域大小，即window.innerWidth/ window.innerHeight大小。

8、dw中用HTML如何將背景圖片平鋪？

需要准備的材料分別有：電腦、瀏覽器、dw編輯器。

1、首先，打開dw編輯器，新建html文件，例如：index.html。

2、在index.html中的<style>標簽中，輸入css代碼：

body {background: url(small.png) no-repeat;background-size:cover;}

3、瀏覽器運行index.html頁面，此時背景圖片被設置為平鋪在html頁面上。

9、【網頁設計】Dreamweaver 表格中的背景圖像如何不平鋪顯示?

網頁背景圖像屬性是通過background-repeat樣式來控制，你用Dreamweaver的話設置屬性很簡單，在你要定義的td里打空格，就會出來提示框，再打個s，就會有style，按回車後就會自動寫到頁面里，同時會出現另一個屬性框，你會看到background的所有屬性都在裡面，先選background（不要選其他的，直接用滑鼠點就可以），隨後會有另一個屬性框，在裡面點url，會出來對話框，選擇你要用的背景圖，就搞定了背景的圖的選擇，
到此編碼效果應該是background:url(file:///E|/xin/專題/海豚/index.gif)，在）後面繼續打空格，會出現屬性框，在裡面的屬性是對這個背景圖操作的所有屬性，選擇 no-repeat既是背景不重復，最終效果
style=" background:url(file:///E|/xin/專題/海豚/index.gif) no-repeat;"

關於背景控制的其他說明
repeat 默認。背景圖像將在垂直方向和水平方向重復。
repeat-x 背景圖像將在水平方向重復。
repeat-y 背景圖像將在垂直方向重復。
no-repeat 背景圖像將僅顯示一次。

以上是直接對單元格或表格操作的方法，你也可以用樣式表來控制，在table或者td便簽裡面用class調用樣式名，格式為class="樣式名"

樣式表寫法
<style>
.樣式名 {background:url(file:///E|/xin/專題/海豚/index.gif) no-repeat;}
</style>
樣式名為英文，並且區分大小寫

寫樣式表同樣可以用Dreamweaver的提示

另外說明調取樣式表有兩種形式，一種是class，一種是id，在樣式表內寫法不同，class讀取的樣式名前面是「.」，id讀取樣式表前面是「#」，因為id在頁面里為唯一標識，所以建議#類樣式不要輕易用，最好全部用「.」

效果如下

#nav {}
<div id="nav">

.nav {}
<div class="nav">

10、網頁製作html中的背景圖片重復

好像在源代碼中不能這樣寫（不太確定），我是在CSS中加了這樣一句的：background:url(images/jjjj.jpg) no-repeat; 這樣就行了 你試一下吧