導航:首頁 > 萬維百科 > 網頁設計怎麼讓圖片占滿表格

網頁設計怎麼讓圖片占滿表格

發布時間:2021-03-29 07:54:28

1、【網頁設計】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">

2、網頁設計中怎麼讓表格自動鋪滿整個頁面

<

3、設計網頁時如何讓圖片鋪滿網頁?

如果你的圖片尺寸不小的話,點頁面屬性,把頁面的邊距都設置為0

4、網頁製作中表格中插入圖片如何設置圖片大小

1

5、html將一個圖片放入表格中為什麼圖片不能填滿總是差一點

給td寬度用百分比的形式,這種的話 還是建議用div+css好控制 代碼還簡潔有利於搜索。

6、用DREAMVEAVER設計網頁時,嵌套插入表格,在表格中插入圖片時..怎樣調整圖片大小和位置?

一般情況下只要改變圖片控制項的寬和高就可以調整圖片的大小,列也就是<td width="" height=""></td>,如果你圖片所在的表格是被嵌套的,那首先你要控制好外面那層表格的大小,然後只要不超過外面表格的大小,你調整內部列的寬好高就能控制,如果超過就會被外層表格的大小所限制。如果你外層表格的大小不設定那就沒關系了,會自動調整。或者你直接調整圖片控制項的屬性也行,只要外層的寬和高別定義就沒問題。
打個比方:
例子1:
<tadle>
<tr>
<td>
<table>
<tr>
<td>
<img src="url" width="300px" height="300px"/>//如果你原來的圖片大小是600*600,這樣就會調整到300*300,px以像素為單位。
</td>
</tr>
</table>
</td>
</tr>
</table>
例子2:
<tadle width="100px" height="100px">//預先定義了表格的寬和高
<tr>
<td>
<table>
<tr>
<td>
<img src="url" width="300px" height="300px"/>//如果你原來的圖片大小是600*600,這樣就會調整到300*300,px以像素為單位。(由於你外層的表格大小已經定義為100*100,所以你這里調整到300*300無效,會以100*100的大小顯示)
</td>
</tr>
</table>
</td>
</tr>
</table>
總之,如果你是嵌套的表格,而外層的表格大小或列已經預先定義寬和高,那外層就享有優先權,這時候你調整圖片大小的時候就必須要考慮到外層的大小,如果沒定義,那就沒關系,系統會自動調整。如果你外層大小定義width="100%" height="100%",那你就可隨意調整圖片的大小,如果你嵌套的多,就蠻麻煩的,建議不要嵌套太多表格,因為這樣瀏覽器讀取你頁面的時候會花費比較長的時間,最好用div+css來布局,或者一定要用表格,最好分清層次,能不嵌套的盡量別嵌套,很多竅門還需你自己慢慢琢磨,不是三言而語能說清的。

7、網頁設計中,如何讓布局表格緊縮?

<table border="0" cellspacing="0" cellpadding="0"> 如果圖片帶有連接也要加上 border="0" 最重要的是 圖片兩邊不要有空格 比如 <td><img ..></td>

8、在excel中做了一個小表格,如何占滿整個A4頁面

1、在列印一個表格的時候,只有一小部分內容,列印出來效果不好看,

2、首先打開要編輯的excel2016文檔,點擊左上角的「文件」菜單。

3、在打開的文件下拉菜單中點擊「列印」菜單項。

4、在右側的列印預覽窗口中,點擊最底部的「頁面設置」按鈕。

5、在打開的頁面設置窗口中,點擊「頁邊距」選項卡。

6、在打開的頁邊距設置窗口中,設置上下左右邊距都為0,同時下面的居中方式選中「水平」與「垂直」兩項前面的復選框。

7、接下來回到頁面頁面的頁面選項卡,選中方向為「橫向」,下面設置縮放比例根據自己的情況進行調整,比如這個表格設置為270%,最後點擊確定按鈕。

8、完成效果圖。

與網頁設計怎麼讓圖片占滿表格相關的知識