一个简单的表格实例

最新推荐文章于 2022-08-07 22:01:13 发布

@lazypet~

最新推荐文章于 2022-08-07 22:01:13 发布

阅读量520

点赞数

分类专栏： Html和Css

本文链接：https://blog.csdn.net/qq_43323305/article/details/106388105

版权

Html和Css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、效果

在这里插入图片描述

2、html

<body>
    <table class="table">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
            <th>操作</th>
        </tr>
        {{each list}}
        <tr>
            <td>{{$value.username}}</td>
            <td>{{$value.age}}</td>
            <td>{{$value.sex}}</td>
            <td><a href="#">编辑</a>　<a href="#">删除</a></td>
        </tr>
        {{/each}}
    </table>
</body>

3、css

table,
th,
td {
  border: 1px solid rgb(167, 150, 150);
}
table {
  border-collapse: collapse;
}
td {
  text-align: left;
}
table,
td,
th {
  border: 1px solid green;
}
th {
  background-color: green;
  color: white;
}
table {
  width: 500px;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

@lazypet~

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个简单的表格实例

1、效果2、html<body> <table class="table"> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> <th>操作</th> </tr> {{each
复制链接

扫一扫