css01.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <style>
  7. table{
  8. width: 800px;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <!--
  14. 元素 : 指的就是页面里的标签
  15. 样式(样式表) : css 代码
  16. 属性: 指的就是元素 本身能指定修改的值
  17. 一个元素有很多属性
  18. -->
  19. <!--
  20. 元素的属性和样式 有和区别
  21. 元素属性 是没有单位的, 渲染速度快
  22. 样式 是必须给定单位的, 样式初始化比较慢
  23. -->
  24. <!--<table border="1" cellspacing="0" width="800" align="center">-->
  25. <table border="1" cellspacing="0" align="center">
  26. <tr align="center">
  27. <td><b>序号</b></td>
  28. <td><b>LOGO</b></td>
  29. <td><b>商品</b></td>
  30. <td><b>企业</b></td>
  31. </tr>
  32. <tr align="center">
  33. <td>1</td>
  34. <td><img src="https://p0.itc.cn/images01/20210304/095a3fabfc7e48fdbcdb16e5df45d3fe.jpeg" width="30"></td>
  35. <td colspan="2">三只松鼠</td>
  36. </tr>
  37. <tr align="center">
  38. <td>2</td>
  39. <td rowspan="2"><img src="https://p0.itc.cn/images01/20210304/095a3fabfc7e48fdbcdb16e5df45d3fe.jpeg" width="30"></td>
  40. <td>U衣裤</td>
  41. <td>优衣库</td>
  42. </tr>
  43. <tr align="center">
  44. <td>3</td>
  45. <td>小米</td>
  46. <td>小米科技有限公司</td>
  47. </tr>
  48. </table>
  49. </body>
  50. </html>