开发者社区> 科技小能手> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Css基本样式————综合设计:表格的制作

简介:
+关注继续查看
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<table id="tb">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
    <tr class="alt">
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
    <tr>
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
    <tr class="alt">
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
</table>
 
 
 
 
 
#tb{
    border-collapse: collapse;
    width: 500px;
}
#tb td,#tb th{
    border: 1px solid bisque;
    padding: 5px;
}
#tb th{
    text-align: left;
    background-color: aqua;
    color: #ffffff;
}
#tb tr.alt td{
    color: black;
    background-color: aquamarine;
}


本文转自yeleven 51CTO博客,原文链接:http://blog.51cto.com/11317783/1771986

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
css样式的优先级+ 伪类选择器:hover+选择器
css样式的优先级+ 伪类选择器:hover+选择器
0 0
CSS样式(五)- CSS高级
CSS样式(五)- CSS高级
0 0
方法篇·壹】css开发技巧-全局样式设置和局部样式
方法篇·壹】css开发技巧-全局样式设置和局部样式
0 0
css 修改默认滚动条的样式 小工具
css 修改默认滚动条的样式 小工具
0 0
css 实现 title的效果,并且自己写修改类似title样式
css 实现 title的效果,并且自己写修改类似title样式
0 0
CSS样式(四)- CSS定位
CSS样式(四)- CSS定位
0 0
CSS样式(三) - div盒子
CSS样式(三) - div盒子
0 0
CSS样式小项目实战 - 网页变色小按钮
CSS样式小项目实战 - 网页变色小按钮
0 0
CSS样式(一)- 基本语法
CSS样式(一)- 基本语法
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载