22-10000 web入门开发-HTML CSS样式 加入样式后，网页就不再单调古板了

 

 

 效果：

  

 

 代码

  

 1 <html lang="en">
 2 <head>
 3       <!-- 每3秒钟刷新当前页面。 -->
 4       <meta http-equiv="refresh" content="3">
 5 
 6     <meta charset="UTF-8">
 7     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 8     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 9     <title>Document</title>
10 </head>
11 <body style="background-color: indianred;">
12     
13 
14     <h3>look! style and colors</h3>
15     <div>css样式</div>
16 
17     <div style="color:#40B3DF;">Colors
18         <span style="background-color:#B4009E;color:#ffffff;">盒子样式开发设计</span>
19         </div>
20 
21         <div style="letter-spacing:12px;">测试样式 Text</div>
22 
23 
24 
25 </body>
26 </html>

 

posted @ 2021-11-15 15:47  优敏行  阅读(29)  评论(0)    收藏  举报