时间:2024-02-15 02:35:02 | 来源:网站运营
时间:2024-02-15 02:35:02 来源:网站运营
网页设计中表格的制作?:谢邀。<table width="928"><tbody><!-- 标题行 --><tr><td width="15%"><strong>名称</strong></td><td width="35%"><strong>地址</strong></td><td width="10%"><strong>分类</strong></td><td width="10%"><strong>特色</strong></td><td width="10%"><strong>免费</strong></td><td width="10%"><strong>语种</strong></td><td width="10%"><strong>其他</strong></td></tr><!-- 第一行 --><tr class="alt"><td>iH5</td><td><a href="http://www.ih5.cn/" target="_blank" rel="nofollow">www.ih5.cn</a><span class="hu-external"></span></td><td>H5工具</td><td> </td><td> </td><td>中文</td><td> </td></tr></tbody></table>
标题行没有加背景,而下面的行颜色相互变换。这个变换的部分就写在CSS里。/* 整张表的属性 */.table { font-size: 0.875em; margin-bottom: 1.5em; width: 100%; text-align: center; }/* 带背景的行 */.table tr.alt { background: #f1f1f1; }/* 整张表的行属性 */.table td { border-bottom: 1px solid #f1f1f1; text-align: center; padding: 5px; vertical-align: middle; }/* 整张表的列属性 */.table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; }
关键词:中表,设计