表格效果.html

来自「关于CSHARP 的书籍」· HTML 代码 · 共 65 行

HTML
65
字号
<html>
<head>
<title>看看我的变化</title>
<tytle type = "text/css">
	#dydiv { border:1px;solid #aaa;float:left;}
	#dydiv ul{ padding:1px;margin:0px;list-style:none;flaot:left;}
	#dydiv ul li{ padding:3px; margin:1px;border:1px;solid #aaa;text-align:center;}
</style>
</head>
<body>
	<table width = "500" border = "1" >
		<tr align = "center">
			<td>姓名</td>
			<td>年龄</td>
			<td>联系电话</td>
			<td>联系地址</td>
			<td></td>
	</tr>
	<tr align = "center">
			<td>张三</td>
			<td>22</td>
			<td>33333</td>
			<td>上海</td>
			<td> 不详</td>
			
	</tr>
		</tr>
	<tr align = "center">
			<td>里斯</td>
			<td>22</td>
			<td>4536346</td>
			<td>上海</td>
			<td> 不详</td>
	</tr>
</table>
<div id ="dydiv">
<ul> 
<li> 姓名 </li> 
<li> 张三 </li> 
<li> 李四 </li> 
</ul> 
<ul> 
<li> 年龄 </li> 
<li> 22 </li> 
<li> 25 </li> 
</ul> 
<ul> 
<li> 联系地址 </li> 
<li> 深圳市福田区华强北路 </li> 
<li> 不详 </li> 
</ul> 
<ul> 
<li> 联系电话 </li> 
<li> 12345678 </li> 
<li> 321 </li> 
</ul> 
<ul> 
<li>   </li> 
<li> 编辑 </li> 
<li> 编辑 </li> 
</ul> 

</div>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?