博客列表 >2019年12月20日作业

2019年12月20日作业

涡流
涡流原创
2019年12月23日 16:54:58901浏览

形似而神非。

上周五学的东西,还不会用。听能听得懂,但到用时就一筹莫展,根本用不起来。
感觉进度太快,没时间消化。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>20191220作业</title>
  6. <style>
  7. body {
  8. font-size: 20px;
  9. }
  10. .line1 {
  11. width: 800px;
  12. height: 50px;
  13. position: relative;
  14. /*background-color: blue;*/
  15. }
  16. .line11 {
  17. width: 200px;
  18. padding: 10px;
  19. /*background-color: greenyellow;*/
  20. position: absolute;
  21. display: inline-block;
  22. color: red;
  23. /*box-sizing: content-box;*/
  24. /*box-sizing: border-box;*/
  25. }
  26. .line12 {
  27. width: 200px;
  28. padding: 10px;
  29. margin-left: 400px;
  30. position: absolute;
  31. display: inline-block;
  32. box-sizing: content-box;
  33. box-sizing: border-box;
  34. }
  35. .line13 {
  36. width: 200px;
  37. padding: 10px;
  38. /*background-color: grey;*/
  39. position: absolute;
  40. display: inline-block;
  41. font-size: 20px;
  42. /*top: 0;*/
  43. /*bottom: 0;*/
  44. /*left: 0;*/
  45. /*right: 0;*/
  46. text-align: right;
  47. margin-left: 600px;
  48. box-sizing: content-box;
  49. box-sizing: border-box;
  50. }
  51. td.tag {
  52. width: 30px;
  53. font-size: 30px;
  54. color: red;
  55. }
  56. td.txt {
  57. width: 170px;
  58. font-size: 12px;
  59. }
  60. </style>
  61. <link rel="stylesheet" href="chapter2/reset.css">
  62. </head>
  63. <body>
  64. <div class="line1">
  65. <div class="line11">⬤ php中文网</div>
  66. <div class="line12">
  67. <form action="https://www.baidu.com/s" target="_blank" class="formstyle"><input class="formstyle" type="text" name="wd"></form>
  68. </div>
  69. <div class="line13">♔ ♕ ♖ ♗ ♘ ♙</div>
  70. </div>
  71. <table>
  72. <tr>
  73. <td rowspan="2" class="tag"></td>
  74. <td class="txt">资讯 | 器材 大师 学院 实战</td>
  75. <td rowspan="2" class="tag"></td>
  76. <td class="txt">爱好 | 有品 图片 喝水 飞机</td>
  77. <td rowspan="2" class="tag"></td>
  78. <td class="txt">软件 | 学习 爱国 敬业 友善</td>
  79. <td rowspan="2" class="tag"></td>
  80. <td class="txt">编程 | 吃饭 周易 黄山 合肥</td>
  81. </tr>
  82. <tr>
  83. <td class="txt">学习 | 大赛 裤子 影院 其他</td>
  84. <td class="txt">短袜 | 坦克 气球 毛线 其他</td>
  85. <td class="txt">技能 | 富强 互助 仁义 其他</td>
  86. <td class="txt">美女 | 上海 北京 杭州 其他</td>
  87. </tr>
  88. </table>
  89. <img src="20191222.png" alt="" width="800">
  90. </body>
  91. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议