返回表格练习-用到......登陆

表格练习-用到创建表格,合并表格,文本居中,背景颜色等知识-190316

不正。2019-03-16 21:31:12245

<!-- VIP课程前端练习-表格小案例 -->


<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>公司饭堂本周午饭安排</title>

    <link rel="stylesheet" type="text/css" href="demo2.css">

    <style>

        /*清空自带边距*/

        *{margin:0px;padding:0px;}

        table{

            /*表格样式*/

            border:1px solid #000000; 

            /*清除表格双层*/

            border-collapse:collapse;

            /*宽高*/

            width:1000px;

            height:600px;

            /*居中*/

            text-align:center;

            /*背景颜色*/

            background:#ccc ;

        }

        td{ border:1px solid #000000;  }

    </style>

</head>

<body>

    <table>

        <tr>

            <th colspan="7">公司饭堂本周午饭安排</th>

        </tr>

        <tr>

            <td>周一</td>

            <td>周二</td>

            <td>周三</td>

            <td>周四</td>

            <td>周五</td>

            <td>周六</td>

            <td>周日</td>

        </tr>

        <tr>

            <td>麻婆豆腐</td>

            <td>鱼香茄饼</td>

            <td>冬菜肉末</td>

            <td>茄汁鱼卷</td>

            <td>鱼香肉丝</td>

            <td rowspan="4">今日休息</td>

            <td rowspan="4">今日休息</td>

        </tr>

        <tr>

            <td>咸菜焖猪肉</td>

            <td>梅菜扣肉</td>

            <td>客家盐焗鸡</td>

            <td>炊太极虾</td>

            <td>醉排骨</td>

        </tr>

        <tr>

            <td>狮子头</td>

            <td>金陵丸子</td>

            <td>白汁圆菜</td>

            <td>黄泥煨鸡</td>

            <td>清炖鸡孚</td>

        </tr>

        <tr>

            <td>干菜焖肉</td>

            <td>肉酿生麸</td>

            <td>七星鱼丸</td>

            <td>魔芋烧鸭</td>

            <td>金陵板鸭</td>

        </tr>

    </table>

</body>

</html>



最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送