CSS 基础学习-016 CSS样式设置css背景颜色

由 hrs, 10 四月, 2021

这个实例我们使用background-color来设置Css的背景颜色，我们把第一个标题2元素设置为橙色背景，第二个标题2元素设置为蓝色背景，还把标题2字体设置为白色。

实例代码：

  1 <!doctype html>
  2 <html>
  3   <head>
  4     <meta charset="utf-8">
  5     <style>
  6       .orange{
  7         background-color:orange;
  8       }
  9       .blue{
 10         background-color:blue;
 11       }
 12       h2{
 13         color:white;
 14       }
 15     </style>
 16   </head>
 17   <body>
 18     <h1>这是CSS背景实例</h1>
 19     <h2 class="orange">这个背景为橙色</h2>
 20     <h2 class="blue">这个背景为蓝色</h2>
 21   </body>
 22 </html>

运行效果：

css-016.png

标签

评论