学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>Javascript>>经验笔记

CSS基础教程(九) 表格(Table)

发布时间:2020-01-05 点击:30

    在HTML文档的Table表格中,CSS样式大致有边框(宽度、高度、颜色、间距等)以及表格的背景颜色等,表格的使用请参照 HTML基础教程 表格

    一、CSS设置表格边框

    在CSS样式表中设置表格边框的属性是border,实例如下:

    table
    {
        border: 1px solid black;
    }

    其中设置的值意思是边框宽度为1px,边框线类型为细实线(solid),颜色为黑色(black).

    二、CSS设置表格的宽度与高度

    表格(Table)宽度与高度设置的属性是:width与height,其值可以是确切的像素值也可以是百分比:

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


    三、CSS设置表格颜色

    颜色分为两种,一种是内部文字颜色,一种是表格的背景颜色。其中文字颜色的属性是:color,背景颜色的设置属性是:background。

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


    四、CSS设置表格内的文字对齐方式

    设置的属性是:text-align(水平对齐方式),其值有:right,center,left;设置垂直方向的是vertical-align,其值有top,center,bottom;

    th
    {
        height:150px;
        vertical-align:top;
    }

    学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~

赞一个(0)     踩一个(0)    

相关链接

搜索

昵称:*
邮箱:
电话:
评论: