欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

用CSS樣式描述表格Table邊框

  發(fā)布時(shí)間：2010-01-23 14:19:10   作者：佚名   我要評(píng)論
表格邊框的處理是CSS網(wǎng)頁(yè)布局中經(jīng)常會(huì)遇到的內(nèi)容，在webjx.com中也有過相關(guān)的介紹，除了將表格作為一個(gè)整體進(jìn)行定義，您也可以將表格邊框的四個(gè)部分分別進(jìn)行定義，包括頂部、底部、左邊和右邊。列表B中的代碼將剛才的例子中的表格分成四個(gè)部分單獨(dú)定義。

提示：您可以先修改部分代碼再運(yùn)行

列表B 

　　您可能注意到了整個(gè)CAPTION元素的邊框定義為藍(lán)色5磅的脊線效果，而CAPTION邊框的頂部設(shè)定為10磅。如果單獨(dú)的邊框設(shè)定（左邊、右邊、頂部、底部）出現(xiàn)在后面將覆蓋原有的整體邊框設(shè)定。 
　　除此以外，在上一個(gè)例子中，通過分配TABLE元素的邊框?qū)傩?，可以在一個(gè)表格中實(shí)現(xiàn)多重邊框（錨標(biāo)記、表格主體、表頭、單獨(dú)的單元格等等）。 

邊框間距 

　　您可以通過邊框間距屬性來指定相鄰的單元格之間的距離，您可以指定一個(gè)或兩個(gè)值，如果指定了一個(gè)值，那么水平和垂直間距都將使用這一個(gè)值；如果指定了兩個(gè)值，那么第一個(gè)值規(guī)定了水平間距而第二個(gè)值指定了垂直間距。這些值不能是負(fù)值，我在這個(gè)例子中使用了10磅的間距值。 

表格行為 

　　邊框的collapse屬性設(shè)定了表格的邊框模型，該屬性的默認(rèn)值是獨(dú)立的邊框模型，單獨(dú)的邊框模型使用border-spacing屬性作為不同邊框之間的間距，該間距使用表格元素作為填充背景。 
　　對(duì)于邊框模型中，萬維網(wǎng)聯(lián)盟（World Wide Web Consortium）定義了以下的規(guī)則來解決表格樣式的沖突： 
　　 使用‘隱藏’邊框?qū)傩缘倪吙騼?yōu)先于其他的邊框?qū)傩?，任何使?lsquo;隱藏’屬性的邊框比其它的邊框?qū)傩蕴幚韮?yōu)先級(jí)要高。
　　使用‘無樣式’邊框的優(yōu)先級(jí)最低，如果在同一位置所有元素的邊框?qū)傩远际?lsquo;無樣式’，表格邊框才會(huì)被忽略。（注意，‘無樣式’是邊框樣式的默認(rèn)值。）
　　如果沒有樣式設(shè)置為‘隱藏’而且至少有一個(gè)樣式?jīng)]有設(shè)置為‘無樣式’，那么寬邊框的優(yōu)先級(jí)高于細(xì)邊框。邊框樣式的優(yōu)先級(jí)如下：雙實(shí)線、單實(shí)線、虛線、點(diǎn)線、脊線、外凸、槽線，級(jí)別最低的是內(nèi)凹。
　　如果邊框樣式只有顏色不同，那么單元格的樣式優(yōu)先級(jí)高于行的優(yōu)先級(jí)，而且高于行組、列、列組和整個(gè)表格。 

邊框 

　　表格和其他的HTML元素一樣，擁有很多CSS樣式選項(xiàng)。表格和單元格的邊框是一個(gè)很好的例子，CSS應(yīng)當(dāng)可以滿足您對(duì)表格樣式的需要。但是使用CSS格式化的表格在不同的瀏覽器中會(huì)顯示出不同的效果，因此需要進(jìn)行廣泛的測(cè)試。

相關(guān)文章

最新評(píng)論