2016 11 22 

 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus®">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>css嵌入式</title>
10   <style>
11     div{height:400px; background:url(01.gif) repeat-x scroll 0% 100%; margin:0;padding:0;
12 }
13     h1{color:#ff0000; text-decoration:underline; text-align:center; font-size:7;
14             letter-spacing:10px; font-weight:900;    
15 }
16     p{color:#ff9966; font-size:7;font-family:幼圆; text-align:center; font-weight:900;}
17 
18     h2{color:#ffff66; text-transform:capitalize; text-align:center;
19        background-color:#0000ff;}
20     ol{color:#ff9900;list-style-type:upper-roman;font-family:幼圆;font-weight:bold;list-style-position:inside;text-align:center;list-style-image:url(li03.jpg);}
21 
22     table{border:1px;caption-side:top;text-align:center;padding:0px;
23      background-color:#9933ff;font-family:幼圆;font-size:2;}
24 
25     th,tr,td{background-color:#ffffff;}
26 
27   </style>
28  </head>
29  <body>
30 <div>
31     <h1>CSS样式</h1>
32     <p>这是一个段落</p>
33     <p>这又是一个段落</p>
34     <p>于是又来一个段落</p>
35     <p>最后的最后再来一个段落</p>
36     <h2>untitled editplus lalala</h2>
37 </div>
38 <ol>
39         <li>一行</li>
40         <li>又一行</li>
41         <li>还是一行</li>
42         <li>怎么又是一行</li>
43         <li>已经是最后一行了</li>
44 </ol>
45 <table width="250" height="50" align="center">
46 <caption>这是一个表格</caption>
47     <tr>
48         <th>先来一行</th>
49         <th>第一列</th>
50         <th>第二列</th>
51         <th>第三列</th>
52         <th>第四列</th>
53     </tr>
54     <tr>
55         <td>这是第二行</td>
56         <td>是一列</td>
57         <td>又是一列</td>
58         <td>还是一列</td>
59         <td>最后一列</td>
60     </tr>
61 </table>
62 </body>
63 </html>

 

posted on 2016-11-24 22:21  ccssnn  阅读(104)  评论(0)    收藏  举报

导航