欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

css 润饰table

更新时间: 2014-05-15 15:09:22 责任编辑: Author_N4

 

css 修饰table
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"utf-8" /> 
<title>Css 表格(table)</title> 
</head> 
<style type="text/css"> 
/* CSS Document */ 

body { 
font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #4f6b72; 
background: #E6EAE9; 
} 

a { 
color: #c75f3e; 
} 

#mytable { 
width: 700px; 
padding: 0; 
margin: 0; 
} 

caption { 
padding: 0 0 5px 0; 
width: 700px; 
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
text-align: right; 
} 

th { 
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #4f6b72; 
border-right: 1px solid #C1DAD7; 
border-bottom: 1px solid #C1DAD7; 
border-top: 1px solid #C1DAD7; 
letter-spacing: 2px; 
text-transform: uppercase; 
text-align: left; 
padding: 6px 6px 6px 12px; 
background: #CAE8EA no-repeat; 
} 
/*power by www.winshell.cn*/ 
th.nobg { 
border-top: 0; 
border-left: 0; 
border-right: 1px solid #C1DAD7; 
background: none; 
} 

td { 

border-right: 1px solid #C1DAD7; 
border-bottom: 1px solid #C1DAD7; 
background: #fff; 
font-size:11px; 
padding: 6px 6px 6px 12px; 
color: #4f6b72; 
} 


td.alt { 
background: #F5FAFA; 
color: #797268; 
} 

th.spec { 
border-left: 1px solid #C1DAD7; 
border-top: 0; 
background: #fff no-repeat; 
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
} 

th.specalt { 
border-left: 1px solid #C1DAD7; 
border-top: 0; 
background: #f5fafa no-repeat; 
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #797268; 
} 
/*---------for IE 5.x bug*/ 
html>body td{ font-size:11px;} 
body,td,th { 
font-family: 宋体, Arial; 
font-size: 12px; 
} 
</style> 

<body> 
<center>
<table id="mytable" cellspacing="0" summary="The technical specifications of the Apple 

PowerMac G5 series"> 
<caption> </caption> 
<tr> 
<th scope="col">姓名</th> 
<th scope="col">年龄</th> 
<th scope="col">电话</th> 
<th scope="col">居住地点</th> 
</tr> 
<tr> 
<td class="row">kalision</td> 
<td class="row">100</td> 
<td class="row">012-345</td> 
<td class="row">TsingTao</td> 
</tr> 
<tr> 
<td class="row">kalision</td> 
<td class="row">100</td> 
<td class="row">012-345</td> 
<td class="row">TsingTao</td> 
</tr> 
<tr> 
<td class="row">kalision</td> 
<td class="row">100</td> 
<td class="row">012-345</td> 
<td class="row">TsingTao</td> 
</tr> 
<tr> 
<td class="row">kalision</td> 
<td class="row">100</td> 
<td class="row">012-345</td> 
<td class="row">TsingTao</td> 
</tr> 
<tr> 
<td class="row">kalision</td> 
<td class="row">100</td> 
<td class="row">012-345</td> 
<td class="row">TsingTao</td> 
</tr> 
<tr> 
<td class="row">kalision</td> 
<td class="row">100</td> 
<td class="row">012-345</td> 
<td class="row">TsingTao</td> 
</tr> 

</tr> 
</table> 
</center>
</body> 
</html> 

上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-05-15 15:09:22
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/474703/
本文WWW.DOC100.NET DOC100.NET版权所有。