07-彩色外边框的表格（表格样式）

最新推荐文章于 2021-04-06 06:14:58 发布

会编程的阿强

最新推荐文章于 2021-04-06 06:14:58 发布

阅读量990

点赞数

分类专栏： HTML/CSS 文章标签：彩色边框表格

本文链接：https://blog.csdn.net/shuangrenyu1234/article/details/9148007

版权

HTML/CSS 专栏收录该内容

62 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>测试表格样式</title>
<style type="text/css">
.table1 {
	border-bottom-color: #00ffff;
	border-left-color: #ffff00;
	border-top-color: #ff0000;
	border-right-color: #00ff00;
	border-style: double;
}
</style>
</head>

<body>
	<form>
		<table align="center" width="643" border="0" cellpadding="0"
			cellspacing="0" class="table1">
			<tr>
				<td>用户名：</td>
				<td><input type="text" name="name" /></td>
			</tr>
			<tr>
				<td>密码：</td>
				<td><input type="password" name="pwd" />
				</td>
			</tr>
			<tr>
				<td>确认密码：</td>
				<td><input type="password" name="pwd1" />
				</td>
			</tr>
			<tr>
				<td>年龄：</td>
				<td><input type="text" name="age" /></td>
			</tr>
			<tr>
				<td>性别：</td>
				<td><input type="radio" name="sex" value="m" />男<input
					type="radio" name="sex" value="f" checked />女</td>
			</tr>
			<tr>
				<td><input type="submit" value="注册" />
				</td>
				<td><input type="reset" value="重置" />
				</td>
			</tr>
		</table>
	</form>
</body>
</html>