Blogger Information
Blog 6
fans 0
comment 0
visits 2990
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0705课程作业
移动用户-1604798
Original
443 people have browsed it
  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>Document</title>
  8. <style>
  9. * {
  10. margin: 0;
  11. padding: 0;
  12. box-sizing: border-box;
  13. }
  14. :root {
  15. font-size: 10px;
  16. }
  17. body {
  18. font-size: 1.6rem;
  19. }
  20. a {
  21. text-decoration: none;
  22. }
  23. .kai {
  24. height: 3em;
  25. background-color: blue;
  26. display: flex;
  27. }
  28. .kai1 {
  29. width: 1000px;
  30. margin: auto;
  31. /* background-color: cyan; */
  32. height: 2em;
  33. display: flex;
  34. justify-content: space-evenly;
  35. }
  36. .kai1 a {
  37. color: ivory;
  38. line-height: 2em;
  39. border-radius: 10px;
  40. }
  41. .kai1 a:hover {
  42. background-color: khaki;
  43. color: blue;
  44. }
  45. .kai2 {
  46. margin-top: 6em;
  47. background-color: khaki;
  48. height: 15em;
  49. display: flex;
  50. justify-content: space-evenly;
  51. }
  52. .kai2>img {
  53. }
  54. .kai3 {
  55. background-color: lawngreen;
  56. height: inherit;
  57. width: 40em;
  58. }
  59. .kai3 {
  60. text-align: center;
  61. }
  62. </style>
  63. </head>
  64. <body>
  65. <div class="kai">
  66. <div class="kai1">
  67. <a href="">软件下载</a>
  68. <a href="">软件下载</a>
  69. <a href="">软件下载</a>
  70. <a href="">软件下载</a>
  71. <a href="">软件下载</a>
  72. </div>
  73. </div>
  74. <div class="kai2">
  75. <img src="http://ym.bingly.cn/images/pic00.jpg" alt="">
  76. <div class="kai3">
  77. <h2>安全稳定效率高</h2>
  78. <p>php中文网,牛逼666</p>
  79. <p>我在php中文网直播课学到了不少东西</p>
  80. <p>老师态度都非常不错</p>
  81. </div>
  82. </div>
  83. </body>
  84. </html>

请求老师批作业,颜色什么的如果不合格可以忽略一下哈哈,改这个容易,哈哈哈,

Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!