📄 表格效果.html.bak
字号:
<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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -