<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>css表格的训练</title>
<style type="text/css">
* {
}
.div1 {
width: 80%;
margin-top: 30px;
margin-left: 10%;
}
table {
width: 100%;
margin-top: 30px;
border: 1px solid #D4D4D4;
}
table tr td {
border: 1px solid #D4D4D4;
width: 25%;
font-size: 20px;
align:center ;
cursor: pointer;
height: 100px;
}
table tr td:HOVER {
background: #8B6914;
height: 100px;
}
</style>
</head>
<body>
<div class="div1">
<form action="Three_TwoServlet" method="post">
<table align="center">
<tr >
<td align="center" colspan="4">
<h2>员工信息</h2>
</td>
</tr>
<tr >
<td align="center" bgcolor="#8B795E" >姓名</td>
<td align="center" bgcolor="#8B795E">首页</td>
<td align="center" bgcolor="#8B795E">简介</td>
<td align="center" bgcolor="#8B795E">首页1</td>
</tr>
<tr>
<td align="center" bgcolor="#838B8B" colspan="2">姓名</td>
<td align="center" bgcolor="#838B8B">电话</td>
</tr>
<tr>
<td align="center" bgcolor="#838B8B" colspan="2">姓名</td>
<td align="center" bgcolor="#838B8B">电话</td>
</tr>
![]()
</table>
</form>
</div>
</body>
</html>
|
|
收藏
淘帖
踩
