您的位置：首页 > Web前端 > CSS

css表格

2016-08-03 17:55 183 查看

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table {
border: solid;
border-width: 5px;
border-bottom-width: 10px;
border-color: red;
/*border-collapse: collapse;*/
/*合并边框*/
table-layout: fixed;
border-spacing: 20px;
}

td {
border: solid;
border-width: 3px;
}

div {
width: 1000px;
height: 200px;
border: solid;
border-width: 10px;
}
</style>
</head>
<!--
描述：边框(table div body form)

border : solid 实心线  double 双线  默认不显示
border-width : 边框的宽度 各个方向的边框可以单独制定
border-bottom-width
border-color : 边框颜色
border-top-color/border-bottom-colot ... 各个方向的边框可以单独制定
border-spacing: 边框间距
table-layout ：设置单元格宽度  auto :自动拉伸
fixed:固定单元格宽度
-->

<body>
<table>
<tr>
<td>HTML</td>
<td>CSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSS</td>
<td>JavaScript</td>
</tr>
<tr>
<td>1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天</td>
<td>1天</td>
<td>2.5天</td>
</tr>
</table>

<div></div>

<form></form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css

相关文章推荐

新的分享

章节导航