<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的博客</title>
<style type="text/css">
div{
width: 1000px;
height: 400px;
background-image: url(9.jpg);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<table border="1" cellspacing="0" cellpadding="8" width="95%" height="200" >
<caption> <h1>我的博客日记<small><a href="">添加</a></small></h1></caption>
<thead>
<tr bgcolor="#EEEEEE">
<th>ID</th>
<th>文章名称</th>
<th>状态</th>
<th>所属栏目</th>
<th>添加时间</th>
<th colspan="2">操作</th>
</tr>
</thead>
<tbody >
<tr>
<th>1</th>
<th><img src="11.jpg" alt="1"/>森田的博客1</th>
<th>普通</th>
<th rowspan="2">PHP作业</th>
<th>2018-03-15</th>
<th><a href="">编辑</a></th>
<th><a href="">删除</a></th>
</tr>
<tr>
<th>2</th>
<th><img src="22.jpg" alt="2"/>森田的博客2</th>
<th>锁定</th>
<th>2018-03-16</th>
<th><a href="">编辑</a></th>
<th><a href="">删除</a></th>
</tr>
<tr>
<th>3</th>
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的博客</title>
<style type="text/css">
div{
width: 1000px;
height: 400px;
background-image: url(9.jpg);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<table border="1" cellspacing="0" cellpadding="8" width="95%" height="200" >
<caption> <h1>我的博客日记<small><a href="">添加</a></small></h1></caption>
<thead>
<tr bgcolor="#EEEEEE">
<th>ID</th>
<th>文章名称</th>
<th>状态</th>
<th>所属栏目</th>
<th>添加时间</th>
<th colspan="2">操作</th>
</tr>
</thead>
<tbody >
<tr>
<th>1</th>
<th><img src="11.jpg" alt="1"/>森田的博客1</th>
<th>普通</th>
<th rowspan="2">PHP作业</th>
<th>2018-03-15</th>
<th><a href="">编辑</a></th>
<th><a href="">删除</a></th>
</tr>
<tr>
<th>2</th>
<th><img src="22.jpg" alt="2"/>森田的博客2</th>
<th>锁定</th>
<th>2018-03-16</th>
<th><a href="">编辑</a></th>
<th><a href="">删除</a></th>
</tr>
<tr>
<th>3</th>
<th><img src="33.jpg" alt="3"/>森田的博客3</th>
<th>停止</th>
<th rowspan="2">微博</th>
<th>2018-03-17</th>
<th><a href="">编辑</a></th>
<th><a href="">删除</a></th>
</tr><tr>
<th>4</th>
<th><img src="44.jpg" alt="4"/>森田的博客4</th>
<th>开放</th>
<th>2018-03-18</th>
<th><a href="">编辑</a></th>
<th><a href="">删除</a></th>
</tr>
</tbody>
</table>
<p>
<a href="">首页</a>
<a href="">上一页</a>
<a href="">下一页</a>
<a href="">...</a>
<a href="">尾页</a>
</p>
</div>
</body>
</html>
运行实例 »
点击 "运行实例" 按钮查看在线实例 <th><img src="33.jpg" alt="3"/>森田的博客3</th>
<th>停止</th>
<th rowspan="2">微博</th>
<th>2018-03-17</th>
<th><a href="">编辑</a></th>
<th><a href="">删除</a></th>
</tr><tr>
<th>4</th>
<th><img src="44.jpg" alt="4"/>森田的博客4</th>
<th>开放</th>
<th>2018-03-18</th>
<th><a href="">编辑</a></th>
<th><a href="">删除</a></th>
</tr>
</tbody>
</table>
<p>
<a href="">首页</a>
<a href="">上一页</a>
<a href="">下一页</a>
<a href="">...</a>
<a href="">尾页</a>
</p>
</div>
</body>
</html>
老师 试一下之前学的 、text/css
