css的background-color属性如何使用(background-color,css,web开发)

时间:2024-04-30 04:55:44 作者 : 石家庄SEO 分类 : web开发
  • TAG :

  CSSbackground-color属性

  作用:设置元素的背景颜色。

  background-color:颜色值;

  说明:background-color属性为元素设置一种纯色背景。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。

  提示:使用背景色和文本颜色,使文本易于阅读。

  CSSbackground-color属性的使用示例

  <!DOCTYPEhtml>

  <html>

  <head>

  <metacharset="utf-8">

  <styletype="text/css">

  body{background-color:yellow}

  h2{background-color:#00ff00}

  h3{background-color:transparent}

  p{background-color:rgb(250,0,255)}

  p.no2{background-color:gray;padding:20px;}

  </style>

  </head>

  <body>

  <h2>这是标题1</h2>

  <h3>这是标题2</h3>

  <p>这是段落</p>

  <pclass="no2">这个段落设置了内边距。</p>

  </body>

  </html>
效果图:
css的background-color属性如何使用

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:css的background-color属性如何使用的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:CSS变形、过渡的实例分析下一篇:

17 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18