                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

这里要怎么添加border的css，让表哥不要按照内容自适应宽度，而是可以设置呢

<tbody>

<tr>

<th>Event</th>

</tr>

<tr>

<td>Discharge Port</td>

</tr>

<tr>

<td>Destination</td>

</tr>

<tr>

<td>Relay Port 2</td>

<td>ROTTERDAM</td>

</tr>

<tr>

<td>Relay Port 1 Container load to vessel</td>

<td>SHANGHAI, CHINA</td>

<td>OOCL POLAND</td>

</tr>

<tr>

<td>Relay Port 1</td>

<td>SHANGHAI, CHINA</td>

<td>OOCL POLAND</td>

</tr>

<tr>

<td>Origin</td>

<td>NANTONG, CHINA</td>

</tr>

<tr>

<td>NANTONG, CHINA</td>

<td>ZHONGCHENG66</td>

</tr>

<tr>

<td>Load Port Container load to vessel</td>

<td>NANTONG, CHINA</td>

<td>ZHONGCHENG66</td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<th>Event</th>

</tr>

<tr>

<td>Discharge Port</td>

</tr>

<tr>

<td>Destination</td>

</tr>

<tr>

<td>Relay Port 2</td>

<td>ROTTERDAM</td>

</tr>

<tr>

<td>Relay Port 1 Container load to vessel</td>

<td>SHANGHAI, CHINA</td>

<td>OOCL POLAND</td>

</tr>

<tr>

<td>Relay Port 1</td>

<td>SHANGHAI, CHINA</td>

<td>OOCL POLAND</td>

</tr>

<tr>

<td>Origin</td>

<td>NANTONG, CHINA</td>

</tr>

<tr>

<td>NANTONG, CHINA</td>

<td>ZHONGCHENG66</td>

</tr>

<tr>

<td>Load Port Container load to vessel</td>

<td>NANTONG, CHINA</td>

<td>ZHONGCHENG66</td>

</tr>

</tbody>

</table>

23婉

2016-08-24

源自：初识HTML(5)+CSS(3) 5-6

关注问题我要回答

906

操作

收起

3 回答

慕粉1470230211
2016-08-24

border设置的是边线的宽度。设置表格的宽度要用max-width属性，这个属性所有浏览器都支持。

如：table{max-width:100px;}

0 回复有任何疑惑可以回复我~

收起回答

求无重复
2016-08-24

border-left,border-right,border-top,border-bottom 分别是左右上下的边框厚度参考下面的

th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA no-repeat;
}

th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}

td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
font-size:11px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}