search

博客列表 >table 标签使用

table 标签使用

恒儿哥哥
恒儿哥哥原创
2022年03月19日 11:44:35489浏览
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>hello word</title>
  8. </head>
  9. <style>
  10.     body{
  11.         text-align: center;
  12.         margin: auto;
  14.     }
  16.     ul li{
  17.         display: inline;
  18.         padding: 20px;
  19.     }
  20.     ul li img{
  21.         width: 200px;
  22.         height: 200px;
  23.         align-items: center;
  24.     }
  25.     a{
  26.         text-decoration:none;
  27.     }
  29. </style>
  30. <body>
  31.     <ul >
  32.         <li><a href="#"><img src="https://tu.houyue52.cn/i/2022/03/19/i9gyw0.jpg" alt="提示" /></a><a href="#">22</a></li>
  33.         <li><a href="#"><img src="https://tu.houyue52.cn/i/2022/03/19/i9gyw0.jpg" alt="提示" /></a><a href="#">22</a></li>
  34.         <li><a href="#"><img src="https://tu.houyue52.cn/i/2022/03/19/i9gyw0.jpg" alt="提示" /></a><a href="#">22</a></li>
  35.     </ul>
  39.     <table border="1px">
  40.         <thead>
  41.             <tr>
  42.                 <td>商品名称</td>
  43.                 <td>数量</td>
  44.                 <td>价格</td>
  45.             </tr>
  46.         </thead>
  47.         <tbody>
  48.             <tr>
  49.                 <td>
  50.                     衣服
  51.                 </td>
  52.                 <td>
  53.                     100
  54.                 </td>
  55.                 <td>
  56.                     100
  57.                 </td>
  58.             </tr>
  60.         </tbody>
  65.     </table>
  66. </body>
  67. </html>
上一条：form + iframe + css 优先级下一条：表单,后台,元素样式的实例演示
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议