实例
<!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>
运行实例 »
点击 "运行实例" 按钮查看在线实例<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>博客作业</title>
<style type="text/css">
div{
width: 1000px;
height: 700px;
background-color: yellow;
background-image: url(1.jpg);
text-indent: 50px;
background-repeat: no-repeat;
}
.text{
color: #262626;
line-height: 2em;
margin: 10px;
font-size: 12px;
}
</style>
</head>
<body>
<h2 style="color:yellow;text-align:center;font-size:25px;"onmouseover="change(this)"
onmouseout="old(this)"
>森田的第一个博客作业
</h2>
<div>
<p>
10年运维，一直都在数据库和运维上徘徊 ， 人还是得有点希望或目标生活才有意思。2017年接触了Linux，上半年PHP 努力三个月，下半年看python 都说这个火，人在于折腾。</p>
</div>
<script type="text/javascript">
function change(element){
element.style.fontSize='35px'
element.style.color='green'
}
function old(element) {
element.style.fontSize='25px'
element.style.color='yellow' // body...
}
</script>
</body>
</html>
