123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>测试模板</title>
- <style>
- * {
- padding: 0;
- margin: 0;
- }
- .main {
- width: 100%;
- }
- .box1 {
- background-color: #ff0000;
- color: #fff;
- width: 100px;
- padding: 20px;
- font-size: 12px;
- }
- .box2 {
- background-color: #3c78d8;
- color: #fff;
- width: 50%;
- padding: 10px;
- font-size: 16px;
- }
- .box3{
- /*padding: 20px;*/
- }
- .table1 {
- width: 100%;
- text-align: center;
- border: solid #eee 1px;
- border-collapse: collapse;
- }
- .table1 td {
- border: solid #eee 1px;
- border-collapse: collapse;
- }
- </style>
- </head>
- <body>
- <div class="main">
- <h1>{$title}</h1>
- <div class="box1">红色底,白色字</div>
- <div class="box2">蓝色底,白色字</div>
- <div class="box3">
- <table class="table1">
- <tr>
- <td>列1</td>
- <td>列2</td>
- <td>列3</td>
- </tr>
- <tr>
- <td>列1</td>
- <td>列2</td>
- <td>列3</td>
- </tr>
- </table>
- </div>
- </div>
- </body>
- </html>
|