Dreamweaver調(diào)整表格邊框之css語法

　　總的來說，表格的CSS語法包括——邊框?qū)挾取⑦吙蝾伾⑦吙驑邮健⑦吙颉挾取⒏叨取⒂嘘P(guān)標(biāo)簽等幾個方面。

　　邊框?qū)挾取order-width: <值> 

　　允許值：[thin（細(xì)線）| medium（中粗線）| thick（粗線）| <長度> ]{1,4}

　　初始值：medium

　　適用于：所有對象

　　向下兼容：否

　　語法：上邊框  border-top-width: <值> （例：border-top-width:thick）

　　　　　右邊框  border-right-width: <值>（例：border-right-width:medium）

　　　　　下邊框  border-bottom-width: <值>（例：border-bottom-width:thin）

　　　　　左邊框  border-left-width: <值>（例：border-left-width:12px）

　　邊框?qū)挾葘傩栽O(shè)置一個元素的邊框?qū)挾取Ｈ绻膫€值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。 

　　邊框顏色　border-color: <值>

　　允許值: <顏色>{1,4}　邊框顏色的定義值可以是HTML默認(rèn)標(biāo)記顏色，如：RED，BLUE，GREEN等。也可以是十六進(jìn)制顏色碼，如：#006699 #F8E5DA等。還可以是RGB值，如：RGB(142,230,169) 。

　　初始值: 顏色屬性的值

　　適用于: 所有對象

　　向下兼容: 否

　　邊框顏色屬性設(shè)置一個元素的邊框顏色。如果四個值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。

　　邊框樣式  border-style: <值>

　　允許值: [ none（無邊框線）| dotted（由點組成的虛線）| dashed（由短線組成的虛線）| solid（實線）| double（雙線。雙線寬度加上它們之間的空白部分的寬度就等于border-width定義的寬度）| groove（3D溝槽狀的邊框）| ridge（3D脊?fàn)畹倪吙颍﹟ inset（3D內(nèi)嵌邊框，顏色較深）| outset（3D外嵌邊框，顏色較淺）]{1,4}

　　初始值: none

　　適用于: 所有對象

　　向下兼容: 否

　　邊框樣式屬性用于設(shè)置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框。如果四個值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴Ｗ⒁猓喝绻到y(tǒng)不支持這些邊框的屬性值，那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都會被“solid”代替。

　　邊框  border: <值>

　　允許值: <邊框?qū)挾?gt; || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用于: 所有對象

　　向下兼容: 否

　　語法 ：上  border-top: <值>  右  border-right: <值>  下  border-bottom: <值>  左  border-left: <值>

　　邊框?qū)傩灾荒茉O(shè)置四種邊框；只能給出一組邊框的寬度和式樣。為了給出一個元素的四種邊框的不同的值，網(wǎng)頁制作者必須用一個或更多的屬性，如：上邊框、右邊框、下邊框、左邊框、邊框顏色、邊框?qū)挾取⑦吙蚴綐印⑸线吙驅(qū)挾取⒂疫吙驅(qū)挾取⑾逻吙驅(qū)挾然蜃筮吙驅(qū)挾取?/p>

　　允許值: <長度> | <百分比> | auto

　　初始值: auto

　　適用于: 塊級和替換元素

　　向下兼容: 否

　　寬度屬性的初始值為“auto”，即為該元素的原有寬度(有就是元素自己的寬度)。百分比參考上級元素的寬度。不允許使用負(fù)的長度值。

　　有關(guān)標(biāo)簽

　　table：表格標(biāo)簽，對整個表格樣式的定義要放在table中；

　　td：單元格標(biāo)簽，對單元格樣式的定義要放在td中。　　

　　在一個邊框中采用不同寬度和顏色的邊框線。這個效果當(dāng)然可以用上例中的方法來實現(xiàn)，但那樣代碼過多，可采用另一種合并的方法，把四條邊的屬性值分類放在一起。可以把邊框線的類型、寬度和顏色歸類在一起定義，這里請注意幾點：

　　1、四條邊框線的位置順序是：上邊框線、右邊框線、下邊框線、左邊框線；

　　2、本例中邊框線的類型只取了一種實線類型，實際上四條邊也可以分別定義不同的類型；

　　3、屬性值可以定義一個、兩個、三個或者四個。如果僅定義一個屬性值，則其余三個自動取相同值，如：border-style:solid與border-style:solid solid solid solid的效果完全一樣；如果僅給出兩個或三個值，那么缺失邊的屬性值將取與對邊的值相同。如：boder-width:thin thick與border-width:thin thick thin thick效果相同，border-width:1px 2px 3px與border-width:1px 2px 3px 2px的效果相同。

　　還應(yīng)注意，盡量不要將樣式加在<TR>標(biāo)簽內(nèi)，效果可能無法顯示。屬性的定義之間以分號隔開，以上都是直接給標(biāo)簽加Style，如果編成CSS樣式表把常用的邊框線一次定義好，要用時調(diào)用一下就行了，非常方便也有效率。當(dāng)然做成HTC也很棒。在dreamweaver（右鍵菜單-->CSS樣式）中定義CSS非常方便，不用編寫代碼。

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進(jìn)行捐贈