萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 怎麼設置html表格邊框屬性

怎麼設置html表格邊框屬性

歡迎大家在這裡學習html表格邊框屬性!這裡是我們給大家整理出來的精彩內容。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個!

<table width="800" border="0" align="center" cellpadding="0" 
cellspacing="0">該標記標示表格的開始,該表格寬度為800像素,邊框粗細為0( 即不顯示邊框 ),對齊方式"水平居中",單元格邊距"0",單元格間距"0"。表格屬性的設置及相關說明:border: 用於設置表格邊框的粗細,屬性值為數值,數值越大,框線越粗,如果設置border="0",則表示不顯示表格框線background: 用於設置表格的背景圖片,屬性值為URL( 圖片所在路徑及圖片文件的文件名 )例:<table background="URL"> <!--設置表格背景圖片--> cellspacing: 用於設置表格內框線寬度( 即單元格間距 ),屬性值為數值( 單位為像素 ),數值越大,單元格間距越大,若未設置,默認值為2例:<table cellspacing="1"> <!--設置表格中單元格間距為1--> cellpadding: 用於設置表格內文字與表格框線之間的間距( 單元格邊距 ),屬性值為數值( 單位為像素 ),數值越大,表格內文字與表格框線的間距越大,該屬性的設置值必須是大於或等於0的正整數值,若未設置,默認值為1例:<table cellpadding="0"> <!--設置表格中單元格邊距為0--> width: 用於設置表格的寬度( 也可用於設置單元格<td>或<th>寬度 ),屬性值可以是數值( 單位為像素 ),也可以是百分比( 相對於父級目標的比例值 ),數值越大,表示寬度越大( 注: 設置width屬性時,可以先設置表格的寬度,再依次設置各單元格的寬度,也可以不設置表格的寬度,僅設置表格中各單元格的寬度 )例:<table width="100"> <!--設置表格寬度為100像素--><td width="20%"> <!--設置單元格寬度為所在表格寬度的20%--> height: 用於設置表格的高度( 也可用於設置單元格<td>或<th>高度 ),屬性值可以是數值( 單位為像素 ),也可以是百分比( 相對於父級目標的比例值 ),數值越大,表示高度越大( 注: 設置height屬性時,可以先設置表格的高度,再依次設置各單元格的高度,也可以不設置表格的寬度,僅設置表格中各單元格的高度 )例:<td height="30"> <!--設置單元格高度為30像素--> bgcolor: 用於設置表格或單元格或表格中的行或列的背景顏色,屬性值可以使用顏色名稱,或使用三原色混色值例:<table bgcolor="blue"> <!--設置表格背景顏色為藍色--><td bgcolor="black"> <!--設置單元格背景顏色為黑色--> align: 用於設置表格或單元格的對齊方式。在<table>標記中設置align屬性用於設置表格的對齊方式,包括: center( 表格居中對齊 ),left( 表格左對齊,默認值 ),right( 表格右對齊 )。在行<tr>或單元格<td>或<th>標記中設置align屬性用於設置單元格內文字的對齊方式,包括: center( 單元格內文字居中對齊 ),left( 單元格內文字左對齊,默認值 ),right( 單元格內文字右對齊 )valign: 用於設置單元格內文字垂直對齊方式,包括: top( 單元格內文字頂端對齊 ),middle( 單元格內文字垂直居中對齊,默認值 ),bottom( 單元格內文字底端對齊 ) <tr>表格中的行標記,tr即table row的縮寫,<tr>標記為成對標記,用於設置表格中一行的開始和結束及該行的相關屬性,表格中有多少行,則該表格的<table>…</table>標記內就有多少對<tr>…</tr>標記與之對應。例:<tr valign="top">該標記標示行的開始,垂直對齊方式"頂端對齊"( 默認為垂直居中對齊 )。<tr>標記中的水平對齊屬性:align="left"( 左對齊 ); align="center"( 居中 ); align="right"( 右對齊 )。<tr>標記中的垂直對齊屬性:valign="top"( 頂端 ); valign="middle"( 居中 ); valign="bottom"( 靠下 )。 <td>表格中的字段( 列 )數據標記,td即table Data的縮寫,<td>標記為成對標記,用於設置字段數據的開始和結束及字段的相關屬性,表格中有多少列,則該表格的<table>…</table>標記內就有多少對<td>…</td>標記與之對應。例:<td width="50%">該標記標示一個單元格的開始,該單元格寬度設置為父級目標寬度的50%。<th>表格中列標題( 字段名 )定義標記,th是Table Header的縮寫,<th>標記為成對標記,用於設置表格的表頭名稱( 字段名 ),該標記內文字的對齊方式為水平居中且垂直居中,字體加粗。也可以在該標記內使用align和valign設置該字段內的對齊方式,其設置值的有效范圍只限於該數據。在<tr>標記內,align和valign對該行中的所有字段均有效。<border><table>標記中的屬性之一,用於設置表格邊框的粗細。Border屬性值可用數值表示,其值為0或省略此項設置表示不顯示邊框,數值越大表示框線越粗。

好了,html表格邊框屬性內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦:

怎麼設置html表格邊框 

copyright © 萬盛學電腦網 all rights reserved