学习Web开发 6

最新推荐文章于 2024-06-08 23:14:08 发布

Characterzzzzz

最新推荐文章于 2024-06-08 23:14:08 发布

阅读量149

点赞数 1

分类专栏：初学者

本文链接：https://blog.csdn.net/Characterzzzzz/article/details/88983645

版权

初学者专栏收录该内容

27 篇文章 1 订阅

订阅专栏

学习用CSS美化html个人简历

// A code block
var foo = 'bar';

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="1.css">
</head>
<body>
<!--表格开始-->
<table border="1" cellspacing="0" width="800px" height="100%" align="center">
	<tr style="height: 80px" >
		<th>
		<h1>我的简历</h1>
		</th>
	</tr>
	<tr style="height: 50px">
		<th width="130px">姓名</th>
		<td width="130px">
			<input type="text" name="x1" value="填写姓名"/>
		</td>
		<th width="130px">性别</th>
		<td width="130px">
			<select >
				<option value="男生">男生</option>
				<option value="女生">女生</option>				
			</select>
		</td>

table tr th h1 {
	color: #000000;
	font-size: 30px;
	text-align: center;
}
input[type="text"]
{
	color: #BEBEBE;
	border:0;
}
input[type="file"]
{
	width: 120px;
	height: 0px
}
select{
	width: 160px;
	height: 40px
}

table tr th{
	background-color: #C2C2C2;
	color: #282828;
}


table tr th input {
	width: 60px;
	height: 80px;
}
table tr th textarea{
	width: 650px;
}