<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table标签的使用</title>
<style>
table{
border:2px solid black;/*仅仅围绕表格添加边框*/
text-align: center; /*为内容设置居中效果*/
width: 500px; /*为表格设置宽度*/
margin:0 auto; /*让表格居中*/
/*border-spacing: 0; !*单元格们之间的间隙*!!*该样式属性等效于cellspacing标签属性*!*/
border-collapse: collapse; /*会使边框合为单一边框,相当于自动对border-spacing置0,不同的是:边框不会叠加,
长度保持原有*/
background-color: #999999;
}
td,th{
border:1px solid black; /*给单元格添加边框*/
/*padding:8px;*/
height: 50px;
width: 50px; /*总长已定的情况下设置效果不大*/
vertical-align: top;/*默认是居中设置*/
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="2">标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</body>
</html>
table标签 常用属性效果(建议复制自己调试)
最新推荐文章于 2022-06-05 18:21:05 发布