內(nèi)容處
代碼:
<table style="border-style: ridge; border-color: rgb(187, 85, 0);" border="4" cellSpacing="0" cellPadding="0" align="center">
<tbody>
<tr>
<td>
<table style="border-style: groove; border-color: rgb(187, 85, 0);" border="4" cellSpacing="0" cellPadding="0" align="center">
<tbody>
<tr>
<td>
<table style="border-style: ridge ridge inset; border-color: rgb(102, 34, 0);" border="12" cellSpacing="0" cellPadding="0" align="center">
<tbody>
<tr>
<td>
<table style="border-style: groove; border-color: rgb(187, 85, 0);" border="4" cellSpacing="0" cellPadding="0" align="center">
<tbody>
<tr>
<td>
<table border="0" cellSpacing="14" cellPadding="8" background="
bgColor="#a5b7dd" align="center">
<tbody>
<tr>
<td>
<table style="border-style: inset; border-color: rgb(187, 85, 0);" border="6" cellSpacing="0" cellPadding="0" align="center">
<tbody>
<tr>
<td>
<table border="1" cellSpacing="2" cellPadding="2" bgColor="#000000" align="center">
<tbody>
<tr>
<td>
<table style="width: 700px; height: 300px; border-bottom-width: 1px; border-bottom-style: solid;" border="1" cellSpacing="0" cellPadding="0" align="center">
<tbody>
<tr>
<td>
<div align="center"><font style="font-size: 29px;" color="#00ffff"><strong>內(nèi)容處</strong></font></div>
</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>
</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>
代碼簡析:
這是一個精美的八層邊框,除第八層設置表格的寬度外,其余的七層都沒有設置表格的寬度。
一、1—4層表格:
1—4層表格標簽中都設置了邊框線樣式、邊框線顏色、邊框線寬度、居中對齊方式。
1—4層表格的邊框線應用3D脊狀ridge與3D槽狀groove的樣式間隔使用,使邊框具有立體感。邊框線顏色為橙色,是柔和的暖色調(diào)。設置居中對齊方式,其目的是使下一層表格在上一層表格的中部顯示(既不偏左,又不偏右)。
二、第五層表格,設置了背景圖片、表格的間距cellSpacing與邊距cellPadding。(第六七層表格分析略)
三、第八層表格,設置了邊框線樣式為實心線solid,邊框線寬度為1px,表格的寬度為700px,表格的高度為300px。第八層表格的單元格內(nèi),設置了塊區(qū)標簽<div>和文字標簽<font>,以便放入文字等內(nèi)容。
四、表格的顯示實況:在打開文章的頁面中,觀看表格的顯示實況。每層表格可看到的部分是邊框線、間距與邊距的綜合寬度之和。
從外向內(nèi)觀察,可看到:
第一層:邊框線4px ;第二層:邊框線4px ;第三層:邊框線12px ;第四層:邊框線4px ;第五層:間距14px ,邊距8px;第六層:邊框線6px ,第七層:間距2px ,邊距2px;第八層:邊框線1px 。表格的中間部分是寬度為700px高度為300px的黑色方框,這里的黑顏色,是第七層表格的背景顏色,第八層表格是透明的,沒有設置背景顏色和背景圖片。
“春天沒來”編撰
2013年8月日12于北京