当前位置：网站首页>Beautified table style

Beautified table style

2022-07-06 13:44:00 【Little boy, handsome Yang Shaoping】

 
<html> 
<head> 
<title></title> 
<style type="text/css"> 
body,table{ 
font-size:12px; 
} 
table{ 
table-layout:fixed; 
empty-cells:show; 
border-collapse: collapse; 
margin:0 auto; 
} 
td{ 
height:30px; 
} 
h1,h2,h3{ 
font-size:12px; 
margin:0; 
padding:0; 
} 
.table{ 
border:1px solid #cad9ea; 
color:#666; 
} 
.table th { 
background-repeat:repeat-x; 
height:30px; 
} 
.table td,.table th{ 
border:1px solid #cad9ea; 
padding:0 1em 0; 
} 
.table tr.alter{ 
background-color:#f5fafe; 
} 
</style> 
</head> 
<body> 
<table width="90%" class="table"> 
<tr> 
<th> Student number </th> 
<th> full name </th> 
<th> At ordinary times </th> 
<th> Midterm </th> 
<th> experiment （ Practice ）</th> 
<th> Other </th> 
<th> End of term </th> 
<th> General comment </th> 
</tr> 
<tr> 
<td>1</td> 
<td>1</td> 
<td>1</td> 
<td>1</td> 
<td>1</td> 
<td>1</td> 
<td>1</td> 
<td>1</td> 
</tr> 
<tr class="alter"> 
<td>2</td> 
<td>2</td> 
<td>2</td> 
<td>2</td> 
<td>2</td> 
<td>2</td> 
<td>2</td> 
<td>2</td> 
</tr> 
</table> 
</body> 
</html>

原网站

版权声明
本文为[Little boy, handsome Yang Shaoping]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202131434133969.html

边栏推荐

猜你喜欢

随机推荐