您的位置：首页 > 其它

制作一个漂亮的表格

2015-02-26 13:21 447 查看
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航