[学习交流] 表格的使用

<%@ 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>

帐号		自动登录	找回密码
密码			加入黑马

[学习交流] 表格的使用

0 个回复