CSS-06-CSS颜色表示方法 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <!--颜色表示方法-->
 7         <!--1.16进制数值表示，比如#ff0000表示红色，这种可以简写成#f00-->
 8         <!--2.RGB表示：红(R),绿(G),蓝(B)三个颜色通道的变化，比如background-color:rgb(200,100,0);-->
 9         <!--3.RGBA表示：红(R),绿(G),蓝(B)，透明度(A) background-color:rgba(0,0,0,0.5);-->
10         <style type="text/css">
11             .color{
12                 width: 200px;
13                 height: 200px;
14                 background-color: rgba(200,0,0,0.5);
15             }
16         </style>
17     </head>
18     <body>
19         <div class="color"></div>
20     </body>
21 </html>

 

posted @ 2019-07-26 14:43  我只是一个码农  阅读(164)  评论(0)    收藏  举报