简单好用的HTML/CSS表格

最新推荐文章于 2024-06-13 01:26:35 发布

GeeLoong

最新推荐文章于 2024-06-13 01:26:35 发布

阅读量1.7k

点赞数

分类专栏： html/css

本文链接：https://blog.csdn.net/GeeLoong/article/details/84504895

版权

html/css 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Tables</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>

<style type="text/css">
  table, th , td  {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}
table tr:nth-child(odd) {
  background-color: #f1f1f1;
}
table tr:nth-child(even) {
  background-color: #ffffff;
}
</style>
<body>
<table>
  <tr>
    <th>姓名</th>
    <th>职业</th>
    <th>薪资</th>
    <th>职位</th>
  </tr>
  <tr>
    <th>张伦硕</th>
    <td>JAVA开发工程师/A</td>
    <td>90000.00/A</td>
    <td>项目经理/A</td>
  </tr>
  <tr>
    <th>李香君</th>
    <td>PHP开发工程师/A</td>
    <td>80000.00/A</td>
    <td>项目经理/A</td>
  </tr>
  <tr>
    <th>尉犁县</th>
    <td>销售</td>
    <td>210000.00/A</td>
    <td>销售经理</td>
  </tr>
  <tr>
    <th>杨思贤</th>
    <td>大数据工程师</td>
    <td>8000000</td>
    <td>架构师</td>
  </tr>
</table>
 
</body>
</html>

GeeLoong

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
简单好用的HTML/CSS表格

&lt;!DOCTYPE html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;title&gt;CSS Tables&lt;/title&gt;&lt;link href="styles.css" rel=&
复制链接

扫一扫