<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 閱讀(190) 評論(0)  編輯  收藏 所屬分類: CSS 教程

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

    導航

    統計

    常用鏈接

    留言簿(55)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲欧洲日产国码无码网站 | 日韩精品亚洲aⅴ在线影院| 丁香花在线观看免费观看图片| 亚洲AV无码一区二区二三区入口| 在线观看无码AV网站永久免费| 麻豆一区二区三区蜜桃免费| 国产精品久久亚洲不卡动漫| 日韩亚洲精品福利| 亚洲av日韩aⅴ无码色老头| 91手机看片国产永久免费| 亚洲youwu永久无码精品| 亚洲国产另类久久久精品| 免费无码A片一区二三区| 中国一级毛片免费看视频| 亚洲精品第一国产综合野| 亚洲五月午夜免费在线视频 | 18禁无遮挡无码网站免费| XXX2高清在线观看免费视频| 中文字幕乱码亚洲精品一区| 国产精品成人观看视频免费 | 久久久精品视频免费观看| 亚洲综合久久精品无码色欲| 亚洲国产精品SSS在线观看AV| 日韩精品免费一区二区三区| 8888四色奇米在线观看免费看| 亚洲国产精品线在线观看| 国产免费人人看大香伊| 91精品成人免费国产| 日韩欧美亚洲中文乱码| 91亚洲精品自在在线观看| 我想看一级毛片免费的| 黄色免费在线网站| 亚洲一卡2卡3卡4卡国产网站 | 亚洲福利视频网址| 亚洲熟妇av一区二区三区 | 中文字幕久久亚洲一区| 在线观看成人免费视频| 一区视频免费观看| 久久亚洲sm情趣捆绑调教| 毛片免费在线视频| 一级毛片免费毛片一级毛片免费|