[網頁(yè)編程] 怎麽用(yòng)CSS設置網頁(yè)table邊框樣式

在做網站的過程中(zhōng),表格成為(wèi)數據的載體(tǐ),不再是布局的方式,雖然我們不需要表格來進行網頁(yè)布局了,但很(hěn)多(duō)表格式的數據,還是需要表格這一形式發揮它的作(zuò)用(yòng)!

北京網站建設公(gōng)司博昊天成認為(wèi) Dreamweaver在表格制作(zuò)方面做得非常出色,但是在某些時候還是必須結合css才能(néng)達到一些特定效果

1.上邊框寬度以下是引用(yòng)片段:

  語法: border-top-width: <值>   允許值: thin | medium | thick | <長(cháng)度>   初始值: medium   适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   上邊框寬度屬性用(yòng)于指定一個元素上邊框的寬度。值可(kě)以是三個關鍵字其中(zhōng)的一個,都不受字體(tǐ)大小(xiǎo)或長(cháng)度的影響,可(kě)以用(yòng)于實現成比例的寬度。不允許使用(yòng)負值。也可(kě)以用(yòng)在上邊框、邊框的寬度或邊框的屬性略寫。


 2.右邊框寬度以下是引用(yòng)片段:  語法: border-right-width: <值>   允許值: thin | medium | thick | <長(cháng)度>   初始值: medium   适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   右邊框寬度屬性用(yòng)于指定元素的右邊框的寬度。值可(kě)以是三個關鍵字其中(zhōng)的一個,都不受字體(tǐ)大小(xiǎo)或長(cháng)度的影響,可(kě)以用(yòng)于實現成比例的寬度。不允許使用(yòng)負值。也可(kě)以用(yòng)在右邊框、邊框的寬度或邊框的屬性略寫。

 3.下邊框寬度以下是引用(yòng)片段:  語法: border-bottom-width: <值>   允許值: thin | medium | thick | <長(cháng)度>   初始值: medium   适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   下邊框寬度屬性用(yòng)于指定元素的下邊框的寬度。值可(kě)以是三個關鍵字其中(zhōng)的一個,都不受字體(tǐ)大小(xiǎo)或長(cháng)度的影響,可(kě)以用(yòng)于實現成比例的寬度。不允許使用(yòng)負值。也可(kě)以用(yòng)在下邊框、邊框的寬度或邊框的屬性略寫。

 4.左邊框寬度以下是引用(yòng)片段:  語法: border-left-width: <值>   允許值: thin | medium | thick | <長(cháng)度>   初始值: medium   适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   左邊框寬度屬性用(yòng)于指定元素的左呖虻目矶取V悼梢允僑龉丶制渲械囊桓觯疾皇茏痔宕笮』虺ざ鵲撓跋欤梢雜糜谑迪殖殺壤目矶取2輝市硎褂酶褐怠R部梢雜迷谧蟊呖颉⒈呖虻目矶然虮呖虻氖粜月孕礎?

5.邊框寬度以下是引用(yòng)片段:  語法: border-width: <值>   允許值: [ thin | medium | thick | <長(cháng)度> ]{1,4}   初始值: 未定義  适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   邊框寬度屬性用(yòng)一到四個值來設置元素的邊界,值是一個關鍵字或長(cháng)度。不允許使用(yòng)負值長(cháng)度。如果四個值都給出了,它們分(fēn)别應用(yòng)于上、右、下和左邊框的式樣。如果給出一個值,它将被運用(yòng)到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。 這個屬性是上邊框寬度、右邊框寬度、下邊框寬度和左邊框寬度屬性的略寫。也可(kě)以使用(yòng)略寫的邊框屬性。

 6.邊框顔色以下是引用(yòng)片段:  語法: border-color: <值>   允許值: <顔色>{1,4}   初始值: 顔色屬性的值   适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   邊框顔色屬性設置一個元素的邊框顔色。可(kě)以使用(yòng)一到四個關鍵字。如果四個值都給出了,它們分(fēn)别應用(yòng)于上、右、下和左邊框的式樣。如果給出一個值,它将被運用(yòng)到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可(kě)以使用(yòng)略寫的邊框屬性。

 7.邊框樣式以下是引用(yòng)片段:  語法: border-style: <值>   允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}   初始值: none   适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   邊框樣式屬性用(yòng)于設置一個元素邊框的樣式。這個屬性必須用(yòng)于指定可(kě)見的邊框。可(kě)以使用(yòng)一到四個關鍵字。如果四個值都給出了,它們分(fēn)别應用(yòng)于上、右、下和左邊框的式樣。如果給出一個值,它将被運用(yòng)到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可(kě)以使用(yòng)略寫的邊框屬性。
以下是引用(yòng)片段:  none:無樣式;   dotted:點線(xiàn);   dashed:虛線(xiàn);   solid:實線(xiàn);   double:雙線(xiàn);   groove:槽線(xiàn);   ridge:脊線(xiàn);   inset:内凹;   outset:外凸


 8.上邊框以下是引用(yòng)片段:  語法: border-top: <值>  允許值: <上邊框寬度> || <邊框式樣> || <顔色>   初始值: 未定義   适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   上邊框屬性是一個用(yòng)于設置一個元素上邊框的寬度、式樣和顔色的略寫。注意隻能(néng)給出一個邊框式樣。也可(kě)以使用(yòng)略寫的邊框屬性。

 9.右邊框  語法: border-right: <值>   允許值: <右邊框寬度> || <邊框式樣> || <顔色>   初始值: 未定義  适用(yòng)于: 所有(yǒu)對象  向下兼容: 否  右邊框屬性是一個用(yòng)于設置一個元素右邊框的寬度、式樣、和顔色的略寫。注意隻能(néng)給出一個邊框式樣。也可(kě)以使用(yòng)略寫的邊框屬性。  

 10.下邊框以下是引用(yòng)片段:  語法: border-bottom: <值>   允許值: <下邊框寬度> || <邊框式樣> || <顔色>   初始值: 未定義   适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   下邊框屬性是一個用(yòng)于設置一個元素的下邊框的寬度、式樣和顔色的略寫。注意隻能(néng)給出一個邊框式樣。也可(kě)以使用(yòng)略寫的邊框屬性。

 11.左邊框以下是引用(yòng)片段:  語法: border-left: <值>   允許值: <左邊框寬度> || <邊框式樣> || <顔色>   初始值: 未定義   适用(yòng)于: 所有(yǒu)對象   向下兼容: 否   左邊框屬性是一個用(yòng)于設置一個元素左邊框的寬度、式樣和顔色的略寫。注意隻能(néng)給出一個邊框式樣。也可(kě)以使用(yòng)略寫的邊框屬性。 下面的細線(xiàn)表格是用(yòng)cellspacing來實現的,用(yòng)表格的背景色做為(wèi)邊框的顔色。不方便的是每一行都要再設置一個背景色。