1. 激活谷首页
  2. 激活谷笔记

html表格常用属性_html表单常用属性

• 激活谷笔记

html表格常用属性_html表单常用属性html与表格（table）相关的属性<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD

html与表格（table）相关的属性
　　<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Book List</title>
<style type=”text/css”>
table {
background-color: #FFF;
border: none;
color: #565;
font: 12px arial;
}

table caption {
font-size: 24px;
border-bottom: 2px solid #B3DE94;
border-top: 2px solid #B3DE94;
}

table, td, th {
margin: 0;
padding: 0;
vertical-align: middle;
text-align:left;
}

tbody td, tbody th {
background-color: #DFC;
border-bottom: 2px solid #B3DE94;
border-top: 3px solid #FFFFFF;
padding: 9px;
}

tfoot td, tfoot th {
font-weight: bold;
padding: 4px 8px 6px 9px;
text-align:center;
}

thead th {
font-size: 14px;
font-weight: bold;
line-height: 19px;
padding: 0 8px 2px;
text-align:center;
}

tbody tr.odd th,tbody tr.odd td { /*odd就是偶数行*/
background-color: #CEA;
border-bottom: 2px solid #67BD2A;
}

td+td+td, /*第三个td以及之后的td元素*/
col.price{ /*类样式*/
text-align:right;
}

tbody tr:hover td, tbody tr:hover th { /*tr也有hover样式*/
background-color: #8b7;
color:#fff;
}

</style>
</head>

<body>
<table summary=”book list”>
<caption>Book List</caption> <!– caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。 –>
<col></col><col></col><col></col><col class=”price” align=”right”></col><col></col>
<thead>
<tr>
<th >Title</th>
<th >ID</th>

<th >Country</th>
<th >Price</th>
<th >Download</th>
</tr>
</thead>
<tbody>
<tr >
<th >Tom</th>
<td>1213456</td>

<td>Germany</td>
<td>$3.12</td>
<td>Download</td>
</tr>
<tr class=”odd”>
<th >Chance</th>
<td>1213457</td>

<td>Germany</td>
<td>$123.34</td>
<td>Download</td>
</tr>
<tr >
<th >John</th>
<td>1213458</td>

<td>Germany</td>
<td>$34.37</td>
<td>Download</td>
</tr>
<tr class=”odd”>
<th >oKathleen</th>
<td>1213459</td>
<td>Germany</td>
<td>$23.67</td>
<td>Download</td>
</tr>
</tbody>
<tfoot>
<tr>
<th >Total</th>
<td colspan=”4″>4 books</td>
</tr>
</tfoot>
</table>
</body>

</html>

2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/91755.html

赞 (0)
0
上一篇 2024年 5月 31日
下一篇 2024年 5月 31日

相关推荐

关注微信