<progress id="l17nb"></progress>
<var id="l17nb"><strike id="l17nb"><listing id="l17nb"></listing></strike></var>
<var id="l17nb"></var>
<var id="l17nb"><video id="l17nb"><listing id="l17nb"></listing></video></var>
<cite id="l17nb"><video id="l17nb"><thead id="l17nb"></thead></video></cite>
<menuitem id="l17nb"><dl id="l17nb"></dl></menuitem>
<menuitem id="l17nb"><strike id="l17nb"></strike></menuitem>
<cite id="l17nb"><strike id="l17nb"></strike></cite>
<var id="l17nb"><strike id="l17nb"><listing id="l17nb"></listing></strike></var>
<menuitem id="l17nb"></menuitem>
<var id="l17nb"><video id="l17nb"><listing id="l17nb"></listing></video></var><var id="l17nb"><strike id="l17nb"></strike></var>

網站建設前端常用有關表格邊框樣式(CSS)匯總

發布時間:2019/5/14 8:38:55來源:佑航科技

       表格是數據的載體,不再是布局的方式,雖然我們不需要表格來進行網頁布局了,但很多表格式的數據,還是需要表格這一形式發揮它的作用!我們知道Dreamweaver在表格制作方面做得非常出色,但是在某些時候還是必須結合css才能達到一些特定效果,下面我們先把有關表格邊框的css語法整理出來,然后另外介紹怎樣用css美化表格的邊框。 

      1.上邊框寬度

以下是引用片段:

  語法: border-top-width: <值> 

  允許值: thin | medium | thick | <長度> 

  初始值: medium 

  適用于: 所有對象 

  向下兼容: 否

  上邊框寬度屬性用于指定一個元素上邊框的寬度。值可以是三個關鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現成比例的寬度。不允許使用負值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。

      2.右邊框寬度

以下是引用片段:

  語法: border-right-width: <值> 

  允許值: thin | medium | thick | <長度> 

  初始值: medium 

  適用于: 所有對象 

  向下兼容: 否

  右邊框寬度屬性用于指定元素的右邊框的寬度。值可以是三個關鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現成比例的寬度。不允許使用負值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。

      3.下邊框寬度

以下是引用片段:

  語法: border-bottom-width: <值> 

  允許值: thin | medium | thick | <長度> 

  初始值: medium 

  適用于: 所有對象 

  向下兼容: 否

  下邊框寬度屬性用于指定元素的下邊框的寬度。值可以是三個關鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現成比例的寬度。不允許使用負值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。

      4.左邊框寬度

以下是引用片段:

  語法: border-left-width: <值> 

  允許值: thin | medium | thick | <長度> 

  初始值: medium 

  適用于: 所有對象 

  向下兼容: 否

  左邊框寬度屬性用于指定元素的左邊框的寬度。值可以是三個關鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現成比例的寬度。不允許使用負值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。

       5.邊框寬度

以下是引用片段:

  語法: border-width: <值> 

  允許值: [ thin | medium | thick | <長度> ]{1,4} 

  初始值: 未定義 

  適用于: 所有對象 

  向下兼容: 否

  邊框寬度屬性用一到四個值來設置元素的邊界,值是一個關鍵字或長度。不允許使用負值長度。如果四個值都給出了,它們分別應用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。 這個屬性是上邊框寬度、右邊框寬度、下邊框寬度和左邊框寬度屬性的略寫。也可以使用略寫的邊框屬性。

        6.邊框顏色

以下是引用片段:

  語法: border-color: <值> 

  允許值: <顏色>{1,4} 

  初始值: 顏色屬性的值 

  適用于: 所有對象 

  向下兼容: 否

  邊框顏色屬性設置一個元素的邊框顏色?梢允褂靡坏剿膫關鍵字。如果四個值都給出了,它們分別應用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框屬性。

        7.邊框樣式

以下是引用片段:

  語法: border-style: <值> 

  允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4} 

  初始值: none 

  適用于: 所有對象 

  向下兼容: 否

  邊框樣式屬性用于設置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框?梢允褂靡坏剿膫關鍵字。如果四個值都給出了,它們分別應用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框屬性。

以下是引用片段:

  none:無樣式; 

  dotted:點線; 

  dashed:虛線; 

  solid:實線; 

  double:雙線; 

  groove:槽線; 

  ridge:脊線; 

  inset:內凹; 

  outset:外凸

        8.上邊框

以下是引用片段:

  語法: border-top: <值> 

  允許值: <上邊框寬度> || <邊框式樣> || <顏色> 

  初始值: 未定義 

  適用于: 所有對象 

  向下兼容: 否

  上邊框屬性是一個用于設置一個元素上邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

       9.右邊框

  語法: border-right: <值>

  允許值: <右邊框寬度> || <邊框式樣> || <顏色>

  初始值: 未定義

  適用于: 所有對象

  向下兼容: 否

  右邊框屬性是一個用于設置一個元素右邊框的寬度、式樣、和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性!  

       10.下邊框

以下是引用片段:

  語法: border-bottom: <值> 

  允許值: <下邊框寬度> || <邊框式樣> || <顏色> 

  初始值: 未定義 

  適用于: 所有對象 

  向下兼容: 否

  下邊框屬性是一個用于設置一個元素的下邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

       11.左邊框

以下是引用片段:

  語法: border-left: <值> 

  允許值: <左邊框寬度> || <邊框式樣> || <顏色> 

  初始值: 未定義 

  適用于: 所有對象 

  向下兼容: 否

  左邊框屬性是一個用于設置一個元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

上一篇:現階段網站建設中首頁設計有那些特征 下一篇:網站建設應以功能為主 不做“形式主義”的追隨者
最新資訊 / NEWS
最新案例 / CASE
×
快三app