dreamweaver中制作出细线式的表格::
在使用表格表现网页的数据时,我们往往希望表格的边框向Word里那样优雅地表现出细线。但是事实却是,网页设计出来的表格又粗俗又难看,粗大的边框和间距让人立刻产生出给其瘦身的冲动。对于很有审美感的设计师来说,这种丑陋的表格是不堪忍受的,如果不能解决,那么设计师将彻夜难眠。还好,我们有了质量上乘的化妆产品——CSS,俗称“样式表”,大名“层叠样式表”,曾用名“级联样式表”,英文名“Cascading Style Sheet”。其作用是控制HTML页面的布局和外观样式,使Web文档内容结构和表现形式分离。
代码如下:
<style>
table {
border:1px solid #000;
border-width:1px 0 0 1px;
margin:2px 0 2px 0;
text-align:center;
border-collapse:collapse; td,th {
padding:3px;
font-size:12px;
border:1px solid #000;
border-width:0 1px 1px 0;
margin:2px 0 2px 0;
text-align:left; th {
text-align:center;
font-weight:600;
background-color:#F4F4F4; </style>
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>专业</th>
<th>年级</th>
<th>系别</th>
</tr>
<tr>
<td>郑春磊</td>
<td>20</td>
<td>男</td>
<td>软件工程</td>
<td>大一</td>
<td>计算机系</td>
</tr>
<tr>
<td>李肃文</td>
<td>21</td>
<td>男</td>
<td>软件工程</td>
<td>大一</td>
<td>计算机系</td>
</tr>
</table>