<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    qileilove

    blog已經轉移至github,大家請訪問 http://qaseven.github.io/

    CSS 表格

    CSS 表格屬性可以幫助您極大地改善表格的外觀。

    表格邊框

    如需在 CSS 中設置表格邊框,請使用 border 屬性。

    下面的例子為 table、th 以及 td 設置了藍色邊框:

    table, th, td   {   border: 1px solid blue;   } 

    親自試一試

    請注意,上例中的表格具有雙線條邊框。這是由于 table、th 以及 td 元素都有獨立的邊框。

    如果需要把表格顯示為單線條邊框,請使用 border-collapse 屬性。

    折疊邊框

    border-collapse 屬性設置是否將表格邊框折疊為單一邊框:

    table   {   border-collapse:collapse;   }  table,th, td   {   border: 1px solid black;   } 

    親自試一試

    表格寬度和高度

    通過 width 和 height 屬性定義表格的寬度和高度。

    下面的例子將表格寬度設置為 100%,同時將 th 元素的高度設置為 50px:

    table   {   width:100%;   }  th   {   height:50px;   } 

    親自試一試

    表格文本對齊

    text-align 和 vertical-align 屬性設置表格中文本的對齊方式。

    text-align 屬性設置水平對齊方式,比如左對齊、右對齊或者居中:

    td   {   text-align:right;   } 

    親自試一試

    vertical-align 屬性設置垂直對齊方式,比如頂部對齊、底部對齊或居中對齊:

    td   {   height:50px;   vertical-align:bottom;   } 

    親自試一試

    表格內邊距

    如需控制表格中內容與邊框的距離,請為 td 和 th 元素設置 padding 屬性:

    td   {   padding:15px;   } 

    親自試一試

    表格顏色

    下面的例子設置邊框的顏色,以及 th 元素的文本和背景顏色:

    table, td, th   {   border:1px solid green;   }  th   {   background-color:green;   color:white;   } 

    親自試一試

    CSS Table 屬性

    屬性描述
    border-collapse設置是否把表格邊框合并為單一的邊框。
    border-spacing設置分隔單元格邊框的距離。
    caption-side設置表格標題的位置。
    empty-cells設置是否顯示表格中的空單元格。
    table-layout設置顯示單元、行和列的算法。

    親自試一試 - 更多實例

    制作一個漂亮的表格
    本例演示如何創造一個漂亮的表格。
    顯示表格中的空單元
    本例演示是否顯示表格中的空單元。
    設置表格邊框之間的空白
    本例演示如何設置單元格邊框之間的距離。
    設置表格標題的位置
    本例演示如何定位表格的標題。

    posted on 2014-04-17 14:35 順其自然EVO 閱讀(191) 評論(0)  編輯  收藏 所屬分類: CSS 教程

    <2025年5月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    導航

    統計

    常用鏈接

    留言簿(55)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 国产一区二区视频免费| 成年女人喷潮毛片免费播放| 亚洲免费日韩无码系列| 精品国产亚洲一区二区三区在线观看| 日本妇人成熟免费中文字幕| 911精品国产亚洲日本美国韩国| 日韩电影免费观看| 中文字幕亚洲精品| 国产精品免费观看| 亚洲综合一区二区三区四区五区| 曰批全过程免费视频在线观看 | 国产精品免费无遮挡无码永久视频 | 亚洲AV无码一区二区二三区软件| 日本视频在线观看永久免费| 亚洲第一福利网站| 久久久久久毛片免费播放| 亚洲综合色丁香麻豆| 成年轻人网站色免费看| 亚洲Av永久无码精品黑人| 亚洲国产成人久久一区WWW| 9i9精品国产免费久久| 亚洲人成网www| 91在线视频免费播放| 国产亚洲精品免费| 国产亚洲色婷婷久久99精品91| 亚洲一区免费观看| 国产精品亚洲综合五月天| 日本久久久免费高清| xxxx日本在线播放免费不卡| 亚洲Av无码精品色午夜 | 无码免费又爽又高潮喷水的视频| 国产精品亚洲不卡一区二区三区| 先锋影音资源片午夜在线观看视频免费播放 | www视频免费看| 污视频网站在线观看免费| 亚洲色成人WWW永久网站| 91精品成人免费国产片| 成人a毛片免费视频观看| 97久久精品亚洲中文字幕无码 | 日本免费一区二区在线观看| 亚洲av乱码中文一区二区三区|