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

相关文章
|
1月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
30 0
|
1月前
|
前端开发 JavaScript
css之伪类hover改变自身、子元素、其他元素的样式
css之伪类hover改变自身、子元素、其他元素的样式
27 0
|
1月前
|
前端开发 JavaScript
webpack成长指北第7章---webpack的css\less\scss样式打包
webpack成长指北第7章---webpack的css\less\scss样式打包
41 0
|
8天前
|
前端开发
|
11天前
|
移动开发 前端开发
【通用CSS模板】移动端H5页面统一样式.css
【通用CSS模板】移动端H5页面统一样式.css
|
15天前
|
XML 前端开发 数据格式
css添加样式
【4月更文挑战第4天】css添加样式
20 9
|
1月前
|
JavaScript 前端开发
如何在 Vue 中进行样式绑定和scoped CSS?
如何在 Vue 中进行样式绑定和scoped CSS?
15 0
|
1月前
|
前端开发
uni-app中基于bootstrap的css样式
uni-app中基于bootstrap的css样式
22 0
|
1月前
|
前端开发 开发者
编程笔记 html5&css&js 017 HTML样式
编程笔记 html5&css&js 017 HTML样式
|
1月前
|
前端开发
编程笔记 html5&css&js 016 HTML表格
编程笔记 html5&css&js 016 HTML表格