<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样式 好看table样式 好看的CSS——Table样式表
样式表——Styling the Tables1.表属性——Tables Properties2.标题设置——caption-side2.空白单元格设置——empty-cells3.表格布局——table-layout三.链接样式——Styling the Links1.设置样式2.修饰链接的文字...
2.8.3 外部样式表 2.9 样式优先权问题 2.9.1 写法优先权 2.9.2 选择符优先权 2.9.3 样式继承 2.9.4 !important语法 2.10 代码注释 2.11 CSS开发环境与调试环境 第3章 CSS网页布局与定位 3.1 认识div 3.1.1 div是什么...
1 ...1.1. HTML与CSS的关系 4 1.2. 标签 4 ...1.4. head标签 7 1.5. body标签 8 ...5.4. <table>家族：为网页添加表格 18 5.5. 、、标签：定义表格的表头、表身、表尾 19 ...6.3. <input>:placeholder...15. CSS3样式设置小技巧 29
CSS（层叠样式表）用于设置网页的样式及布局——比如，可以更改内容的字体、颜色、大小以及间距，或是将其分列，或是添加动画及赋予内容其它装饰性的特征。本课程将通过由浅入深，展示语法示例，以及如何与HTML相...
15.1.2 了解css(层迭样式表) 15.1.3 html 4对样式表技术的支持 15.2 添加css样式到html网页 15.2.1 设置默认的样式表语言 15.2.2 内联样式 15.2.3 定义嵌入的样式表(style元素) 15.3 使用外部样式表 15.3.1 “可替换...
14.1.1 CSS样式和样式表 14.1.2 CSS的标准化 14.1.3 浏览器支持的CSS 14.2 JavaScript与CSS 14.2.1 CSS和DOM的关系 14.2.2 CSS和IE的关系 14.2.3 浏览器的CSS兼容性 14.3 控制CSS改变...
通过查询系统表得到纵向的表结构 将数据库表中的数据生成Insert脚本的存储过程!!! 2分法-通用存储过程分页(top max模式)版本(性能相对之前的not in版本极大提高) 分页存储过程：排序反转分页法 优化后的通用分页存储...
人性化的管理操作平台和灵活的模板标签管理，倍受广大用户的喜爱，系统将前台的模板和标签分离，全面支持table和div css，让模板制作更加灵活，不局限于某种风格，随心所欲的DIY，让您的网站页面可以随时更换风格...
人性化的管理操作平台和灵活的模板标签管理，倍受广大用户的喜爱，系统将前台的模板和标签分离，全面支持table和div css，让模板制作更加灵活，不局限于某种风格，随心所欲的DIY，让您的网站页面可以随时更换风格...
人性化的管理操作平台和灵活的模板标签管理，倍受广大用户的喜爱，系统将前台的模板和标签分离，全面支持table和div+css，让模板制作更加灵活，不局限于某种风格，随心所欲的DIY，让您的网站页面可以随时更换风格...
人性化的管理操作平台和灵活的模板标签管理，倍受广大用户的喜爱，系统将前台的模板和标签分离，全面支持table和div+css，让模板制作更加灵活，不局限于某种风格，随心所欲的DIY，让您的网站页面可以随时更换风格...
7.4.3 数据模型的骨架——字段：ext.data.field / 330 7.4.4 数据集：ext.util.abstractmixedcollection与ext.util.mixedcollection / 330 7.4.5 数据验证及错误处理：ext.data.validations与ext.data.errors / ...
[MonthMaker.java] 月份表算法类 [Pallet.java] 调色板，统一配色类 Java扫雷源码 Java生成自定义控件源代码 2个目标文件 Java实现HTTP连接与浏览，Java源码下载 1个目标文件 摘要:Java源码,网络相关,HTTP ...
[MonthMaker.java] 月份表算法类 [Pallet.java] 调色板，统一配色类 Java扫雷源码 Java生成自定义控件源代码 2个目标文件 Java实现HTTP连接与浏览，Java源码下载 1个目标文件 摘要:Java源码,网络相关,HTTP ...