html 表格

最新推荐文章于 2023-01-30 17:48:50 发布

Bears9

最新推荐文章于 2023-01-30 17:48:50 发布

阅读量117

点赞数

原文链接：https://blog.csdn.net/qq15577969/article/details/79515319?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

版权

转载自

效果图

<!DOCTYPE html>
<html>
 
	<head>
		<title></title>
		<style type="text/css">
			/*表格样式*/			
			table {
				width: 90%;
				background: #ccc;
				margin: 10px auto;
				border-collapse: collapse;/*border-collapse:collapse合并内外边距(去除表格单元格默认的2个像素内外边距*/	
			}				
			th,td {
				height: 25px;
				line-height: 25px;
				text-align: center;
				border: 1px solid #ccc;
			}		
			th {
				background: #eee;
				font-weight: normal;
			}		
			tr {
				background: #fff;
			}		
			tr:hover {
				background: #cc0;
			}		
			td a {
				color: #06f;
				text-decoration: none;
			}		
			td a:hover {
				color: #06f;
				text-decoration: underline;
			}
		</style>
	</head>
 
	<body>
		<table>
			<tr>
 
				<!-- th为表格标题栏-->
 
				<th>序号</th>
 
				<th>职位名称</th>
 
				<th>招聘人数</th>
 
				<th>工作地点</th>
 
				<th>有效时间</th>
 
				<th>职位描述</th>
			</tr>
			<tr>
 
				<td>1</td>
 
				<td>保安人员</td>
 
				<td>3至4人</td>
 
				<td>洞头</td>
 
				<td>2006.12.08</td>
 
				<td>
					<a href="#">查看</a>
				</td>
			</tr>
			<tr>
 
				<td>2</td>
 
				<td>项目技术人员</td>
 
				<td>1人</td>
 
				<td>洞头</td>
 
				<td>2006.10.08</td>
 
				<td>
					<a href="#">查看</a>
				</td>
			</tr>
			<tr>
 
				<td>3</td>
 
				<td>总经理助理</td>
 
				<td>1人</td>
 
				<td>温州</td>
 
				<td>2006.07.11</td>
 
				<td>
					<a href="#">查看</a>
				</td>
			</tr>
		</table>
	</body>
 
</html>

Bears9

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 表格

转载自效果图<!DOCTYPE html><html> <head> <title></title> <style type="text/css"> /*表格样式*/ table { width: 90%; background: #ccc; margin: 10px auto; border-collapse: collapse;/*border-coll
复制链接

扫一扫