css background-color属性怎么用？

PHP中文网 JavaScript

本文摘自PHP中文网，作者青灯夜游，侵删。

CSS background-color属性

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

1

background-color：颜色值；

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

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

CSS background-color属性的使用示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<style type="text/css">

body {background-color: yellow}

h1 {background-color: #00ff00}

h2 {background-color: transparent}

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

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

</style>

</head>

<body>

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

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

<p>这是段落</p>

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

</body>

</html>

效果图：

1.jpg

以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！

以上就是css background-color属性怎么用？的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css中@import是什么意思？

css a为什么设不了宽度

详解css z-index的权重问题

css技术是什么

css中id选择器的命名规则有哪些

利用html+css+js实现简单的点赞效果

css精灵技术有什么用？

如何使用css解决浮动元素父元素的高度塌陷问题？（代码示例）

如何在css中实现并排生成多行的dt和dd

css超出显示滚动条的方法有哪些

更多相关阅读请进入《background-color》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...