導航:首頁 > 萬維百科 > 網頁設計的表線

網頁設計的表線

發布時間:2020-09-30 11:51:53

1、如何在網頁製作中用好表格

對許多不熟悉HTML的朋友來說,還以為是使用了CSS、JavaScript等技術,其實不然。看完下面的內容你就會明白了。控製表格邊框的顯示對使用Dreamweaver、FrontPage等所見即所得的網頁編輯軟體的朋友來說,很難控製表格的上下左右的邊框顯示與隱藏,其實你只要在HTML中的〈table〉〈/table〉標簽頁中添加一項「frame」 屬性即可。 不顯示表格邊框(frame=void) 只顯示表格的上邊框(frame=above ) 只顯示表格的下邊框(frame=below ) 只顯示表格的上下邊框(frame=hsides) 只顯示表格的左右邊框(frame=vsides) 只顯示表格的左邊框(frame=lhs) 只顯示表格的右邊框(frame=rhs) 例如,〈table width="75%" border="1" frame=void/above/below/hsides/vsides/lhs/rhscellpadding="0" cellspacing="0"〉 〈/table〉 控製表格行與列的分割線在網頁設計中,如果版面沒設計好,那麼這個網頁可以說是失敗的。利用表格進行分欄,可以達到整齊排版的目的,美化你的網頁外觀。所謂分欄,就是讓你的網頁變成一個大表格,然後根據你的版面設計和內容安排,將這個表格分成不同的行和列,調整各個行和列的寬度和高度,以達到你排版的要求。當然了,你還可以在表格之中再嵌套表格,以達到更加復雜的排版需要。在設計過程中你可以靈活設置單元格邊距和單元格間距的數值。在HTML語言中表格的分割線是由「rules」屬性來決定的。所以我們可以通過手工修改源代碼的方法來控制分割線的顯示與隱藏。 1、顯示所有分割線(rules=all) 如〈table width="75%" border="1" rules=all cellpadding="0" cellspacing="0"〉 2、不顯示任何分割線(rules=none) 3、只顯示行與行之間的分割線(rules=rows) 4、只顯示列與列之間分割線(rules=cols) 用表格邊框實現單線顯示用線條來美化網頁是網頁設計者經常使用的手法之一。在網頁中除了用〈hr〉標記來實現插入水平線外,我們還可以用表格來實現。FrontPage2000默認的表格線比較粗,但只要稍加處理,就可以製作出一個細線表格,細線表格非常娟秀小巧,很有個性。它的具體操作方法是:在表格屬性中將邊框粗細設為「1」,將單元格邊距和單元格間距設置為「0」,同時將亮邊框設置成與表格背景相同的顏色,暗邊框設成你想要的任一顏色即可,怎麼樣,細線表格出現了吧。

2、怎樣在網頁製作中設置出表格實線

border-style 。這樣:border:solid。
知識詳解:
border-style 屬性用於設置元素所有邊框的樣式,或者單獨地為各邊設置邊框樣式。
只有當這個值不是 none 時邊框才可能出現(就是說,不要none屬性,none是不顯示的意思)。
border有多個邊框屬性:「顏色、寬度、樣式。」

而你說的是樣式:譬如「dotted solid double dashed。」
這四個分別是「點狀線、實線、雙線、虛線。」
直接用:border是上下左右都使用樣式。
border-top,上邊框。
border-bottom,下邊框。
border-left,左邊框。
border-right,右邊框。

3、請問在網頁製作中,用CSS樣式怎樣做一個細線表格?

1.單條虛線代碼:
<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#000000 size=1>
定義一些參數可以獲取可愛的細虛線。我們也可以修改其中的color,size的參數可以得到不同的效果……
2.CSS定義表格邊框大全(細線/虛線/點線) 定義表格邊框全部為1 邊框顏色 #C7C7C7代碼為: .tb1{ border:1px solid #C7C7C7;} 定義表格邊框 左1 下1 左1 右1 (實際同上) 邊框顏色 #C7C7C7代碼為: .td2{ border-top:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7; border-left:1px solid #C7C7C7; border-right:1px solid #C7C7C7;} 定義表格邊框為1,上邊框為0 邊框顏色 #C7C7C7 下邊框顏色為 #888888代碼為: .td2{ border:1px solid #C7C7C7; border-top:0px; border-bottom:1px solid #888888} 定義表格邊框虛線代碼為: .tb1{ border:1px dashed #C7C7C7;} 定義表格邊框點線代碼為: .tb1{ border:1px dotted #C7C7C7;}

4、網頁設計 裡面的線條是怎麼畫的?

有的是畫的,有的是表格,線條粗細是可以在屬性那改的

5、怎樣更改網頁製作中表格線條的粗細

在表格標簽中加入這個屬性並賦值border=「1」

6、網頁設計中的表格!

<tr>
<td height="890" background="imega/2.gif" valign="top">
<table width="102%" height="25" border="0" cellpadding="5" cellspacing="1"> <!--這個表格已經至頂 -->
<tr>
<td width="11%"> </td>
<td width="17%" valign="top">|<a href="i.jsp">111</a></td>
<td width="30%" valign="top" >這一段表格至頂</td>
<td width="42%"> </td>
</tr>
</table>
</td>
</tr>

7、網頁製作一個表格怎麼才能變成一條線代碼是好多

1.插入水平線 <hr>
2.表格的下邊框是一條線
<style type=

8、如何在網頁中製作虛線表格

製作虛線表格的的方法:

方法一:作一個1X2的圖。
半黑半白,再利用表格作成線。這種方法固然麻煩,但在任何瀏覽器中均可瀏覽,兼容性最好。

方法二:在CSS裡面設定。
假如你用DreamWeaver話,只要在CSS面板里new一個style,選擇「redefine HTML Tag」,再在下拉菜單里先「table」,在彈出的面板里,category里選擇border,在border里,將top,left,right,bottom都設成1px,顏色設成你想要的邊框的顏色。然後在style下拉框里選擇dashed。一切ok。只是所有的表格都會用虛線做邊框了。留意,這個效果在瀏覽器里才能看見。

方法三:直接在html里設置(假如你只想讓某一個表格邊框是虛線的話)。
在表格的html里加上這個:
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"
顏色是十六位代碼,你可以自己設。

與網頁設計的表線相關的知識