制作一个漂亮的表格
来源:互联网 发布:java线程池原理 面试 编辑:程序博客网 时间:2024/04/27 16:04
<html>
<head>
<style type="text/css">
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
</style>
</head>
<body>
<table id="customers">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Apple</td>
<td>Steven Jobs</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Baidu</td>
<td>Li YanHong</td>
<td>China</td>
</tr>
<tr>
<td>Google</td>
<td>Larry Page</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Lenovo</td>
<td>Liu Chuanzhi</td>
<td>China</td>
</tr>
<tr>
<td>Microsoft</td>
<td>Bill Gates</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Nokia</td>
<td>Stephen Elop</td>
<td>Finland</td>
</tr>
</table>
</body>
</html>
<head>
<style type="text/css">
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
</style>
</head>
<body>
<table id="customers">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Apple</td>
<td>Steven Jobs</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Baidu</td>
<td>Li YanHong</td>
<td>China</td>
</tr>
<tr>
<td>Google</td>
<td>Larry Page</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Lenovo</td>
<td>Liu Chuanzhi</td>
<td>China</td>
</tr>
<tr>
<td>Microsoft</td>
<td>Bill Gates</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Nokia</td>
<td>Stephen Elop</td>
<td>Finland</td>
</tr>
</table>
</body>
</html>
0 0
- 制作一个漂亮的表格
- 制作一个漂亮的表格
- CSS学习笔记 制作一个漂亮的表格
- 制作漂亮的超细线表格
- perl制作漂亮的xls表格
- css设计一个漂亮的表格
- 一个css漂亮表格
- Div+CSS 制作漂亮表格
- 制作一个漂亮的提示框
- IOS制作一个漂亮的登录界面
- 制作一个漂亮的 vim 状态栏
- 制作漂亮的三维表格 立体效果菜单按钮
- 一个简单的表格制作
- 漂亮的表格
- 漂亮的表格
- 漂亮的表格
- 漂亮的表格 .html
- 漂亮的HTML表格
- 解决Response.AddHeader("Content-Disposition", "attachment; filename=" + file.Name) 中文显示乱码
- Android6.0 createNewFile mkdir mkdirs均失败的根因
- Android对话框之多选对话框
- MySql相关语句总结
- 486. Predict the Winner
- 制作一个漂亮的表格
- C++实现智能指针(shared_ptr和unique_ptr)与删除器
- HDU6026 Deleting Edges
- Maven介绍
- 数值作业:改进欧拉法求常微分方程C语言代码
- Python之time模块详解
- jQuery使用笔记——事件对象
- Hadoop环境搭建
- junit 单元测试