導航:首頁 > 萬維百科 > 網頁設計間距怎麼調

網頁設計間距怎麼調

發布時間:2020-10-30 06:09:01

1、網頁設計怎樣控制單元格間距?

這年頭,誰還用表格來布局。不過,你真的用了,就應該會學一些小的技巧

當然,控制行與行之間的高度,可以用現在主流的CSS的方法,也可以直接設置行的高度

但也有過去常用的方法,那就是在單元格里,放置一個透明的GIF圖片,用這個圖片來控制高度和寬度。

透明的GIF圖片,可以任意定義它的高度和寬度,放置在單元格中,單元格就會適應這個圖片的高度和寬度了

說的有些簡略,自己多體會。

2、網頁設計中行間距怎麼設置

css中line-hight:10px 屬性設置行高距

3、怎樣在網頁設計中設計段落行間距的大小

首先你要了解行距的問題那麼你必須先知道盒子模型,也就是所謂的CSS+DIv的設計,那麼裡面關於段落行距的CSS代碼是這樣的
<style>
<!--
p{padding:10px;
magin:10px;}
>
</style>
<body>
<p>你好</p>
</body>
首先跟你解釋下padding 和magin 在網頁設計中的重要性,magin主要是塊與塊之間的距離,有4個,分別是magin-left,magin-top,magin-right,magin-bottom,而padding值得是內容(content)與邊框(border)之間的距離,你好比你現在要設計段落與段落之間的距離其實就是塊與塊之間的距離,用到magin就可以了。所以要想靈活設計網頁中的排版並且做到網頁的設計的多變性 那麼還是好好學習下CSS+DIV 希望對你有所幫助。

4、網頁設計中表格與表格之間的間距,怎麼整?

你將這兩張表格放在一張大表格中試試。這張大表格設置為兩行一列,在第一行中插入一行五列的表格做你上面的導航,在第二行插入你下面做的表格,不知可行,試試看。

5、網頁設計用PS怎麼看兩條參考線之間的距離

1、新建畫布,調出標尺(ctrl+R/視圖-標尺)。

2、設置好標尺單位,如像素(右擊標尺刻度,選擇單位)。


3、放大圖像(放大鏡/alt+向上滾動滑鼠滾輪/ctrl+『+』),放大到刻度精確到1像素。


4、將滑鼠放在標尺上開始拉動,看到在拉動過程中會顯示已經拉動的距離。

6、網頁製作中,上下兩個表格的間距怎麼調?

通常有以下幾種方法:
1、CSS法
可以在<table>標簽中設置margin屬性,即:style="margin:5px 0 5px 0;"(順序:上、右、下左,亦可簡寫為style="margin: 5px 0;"),這段CSS的作用是在當前表格外部的上下各留出5px的空白。
2、空對象法
(1)空行。還可以在表格後敲回車換行,產生<p></p>標簽,或者按Shift+回車軟換行,產生<br>標簽,都可產生一個空行。
(2)空表格。插入一個1行1列的表格,設置單元格的寬度、高度,在單元格中不輸入內容。當單元格高度小於12px時,一定要將空格符 刪掉,否則達不到設定高度,這一點非常重要。即:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
(3)空DIV。類似於空表格,插入一個DIV,設置其寬度、高度,超出隱藏即可。
<div style="width:100px;height:5px;overflow:hidden;clear:both;"
3、透明圖片法
可以在PS中新建一個5x5px的畫布,背景設為透明,保存為透明GIF圖片,然後在需要留間距的表格後面插入這個透明圖片,將其寬度、高度可以任意調整,直到滿意為直。
<img src="null.gif">

與網頁設計間距怎麼調相關的知識