html_test1.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>测试模板</title>
  6. <style>
  7. * {
  8. padding: 0;
  9. margin: 0;
  10. }
  11. .main {
  12. width: 100%;
  13. }
  14. .box1 {
  15. background-color: #ff0000;
  16. color: #fff;
  17. width: 100px;
  18. padding: 20px;
  19. font-size: 12px;
  20. }
  21. .box2 {
  22. background-color: #3c78d8;
  23. color: #fff;
  24. width: 50%;
  25. padding: 10px;
  26. font-size: 16px;
  27. }
  28. .box3{
  29. /*padding: 20px;*/
  30. }
  31. .table1 {
  32. width: 100%;
  33. text-align: center;
  34. border: solid #eee 1px;
  35. border-collapse: collapse;
  36. }
  37. .table1 td {
  38. border: solid #eee 1px;
  39. border-collapse: collapse;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div class="main">
  45. <h1>{$title}</h1>
  46. <div class="box1">红色底,白色字</div>
  47. <div class="box2">蓝色底,白色字</div>
  48. <div class="box3">
  49. <table class="table1">
  50. <tr>
  51. <td>列1</td>
  52. <td>列2</td>
  53. <td>列3</td>
  54. </tr>
  55. <tr>
  56. <td>列1</td>
  57. <td>列2</td>
  58. <td>列3</td>
  59. </tr>
  60. </table>
  61. </div>
  62. </div>
  63. </body>
  64. </html>