當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > 表格table中的邊框?qū)傩詁order

表格table中的邊框?qū)傩詁order

2012/11/19 18:00:02作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例介紹】

表格table中的邊框?qū)傩詁order

表格的邊框可以很粗也可以很細(xì)，可以使用border標(biāo)記來設(shè)置表格的邊框效果，包括邊框的寬度、邊框的顏色等。border標(biāo)記用于設(shè)置表格的邊框?qū)挾?。默認(rèn)情況下，表格是不顯示邊框的。

【基本語法】

<table border="邊框?qū)挾?quot;>

【語法介紹】

border標(biāo)記設(shè)置的表格邊框只能影響表格四周的邊框?qū)挾?，并不能影響單元格之間的邊框尺寸。在設(shè)置邊框時(shí)一般不超過5像素，過于寬大的邊框會影響表格的整體美觀。

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格的邊框?qū)傩?lt;/title>
</head>
<body>
<table  border="5">
<tr>
<td>單元格1</td>
<td>單元格2</td>
</tr>
<tr>
<td>單元格3</td>
<td>單元格4</td>
</tr>
</table>
</body>
</html>

【代碼分析】

在代碼中，加粗的<table border=''5">標(biāo)記將表格的邊框?qū)挾仍O(shè)置為5像素，在瀏覽器中預(yù)覽．效果如圖所示。

邊框?qū)傩詁order運(yùn)行效果
 【素材及源碼下載】

請點(diǎn)擊：表格table中的邊框?qū)傩詁order 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽： 表格  table  邊框?qū)傩?nbsp;