<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"utf-8" />
<title>漂亮CSS Tables</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;
}
/*power by www.winshell.cn*/
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>
<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">badwolf</td>
<td class="row">100</td>
<td class="row">010-110</td>
<td class="row">中国北京</td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
CSS样式Table - CSS3Tables
Css漂亮的登陆界面Css漂亮的登陆界面Css漂亮的登陆界面Css漂亮的登陆界面Css漂亮的登陆界面Css漂亮的登陆界面Css漂亮的登陆界面Css漂亮的登陆界面Css漂亮的登陆界面
Tailwind CSS Tables插件此插件在Tailwind CSS中生成引导样式表。 均应正常工作。安装# With NPMnpm install tailwindcss-tables --save# With Yarnyarn add tailwindcss-tables# Manually# Create a /plugins/...
24种非常漂亮的分页css样式,非常值得研究,各种分页效果均有,而且非常的好看,具有一定的技术含量。
漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div ...
一些非常漂亮实用的CSS表格样式,使用方便.页面简洁!
漂亮CSS小图标mini导航
7组漂亮的纯CSS3搜索框7组漂亮的纯CSS3搜索框7组漂亮的纯CSS3搜索框7组漂亮的纯CSS3搜索框7组漂亮的纯CSS3搜索框
黑色CSS模板,个人博客类!
提供了一种漂亮美观的按钮、输入框CSS片段,具有扁平化的动画效果。
漂亮css按钮1
<link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="../css/print.css" type="text/css" media="print"> <!--[if IE]> ...
近100款漂亮CSS3/HTML5按钮合集,圆角,水晶按钮,红色的,黑色的,黄色的,各种颜色的,另外还都是圆角的按钮,用CSS3纯代码制作的菜单,无使用任何修饰性图片,想当八错。
CSS样式Table[4] - Responsive-Pricing-Tables-master
用css定义的17种网页导航菜单。。。值得学习哦
很漂亮的CSS导航,刚下载就上传了哦! 1
CSS给文字链接加个漂亮的背景
CSS样式Table[3] - practical-css3-tables-with-rounded-corners-demo
21个新奇漂亮的AjaxCSS表格设计
一个很好的表格html代码,里面包含了大量的css表格类型,界面清晰、清爽、相当的漂亮!@