CSS学习06：背景颜色&背景色半透明度&插入背景图片

玉安_ZhangDe

已于 2022-03-23 22:42:39 修改

阅读量369

点赞数

分类专栏： CSS 文章标签： css3 css 前端学习

于 2022-03-23 22:13:24 首次发布

本文链接：https://blog.csdn.net/qq_47373340/article/details/123697925

版权

CSS 专栏收录该内容

39 篇文章 7 订阅

订阅专栏

1、背景颜色及其透明度

样式名称：

background-color 定义元素的背景颜色

使用方法：

background-color:transparent;

transparent(透明)是默认值。

background-color:颜色值;

给背景颜色设置透明度：

背景半透明 css3新出的样式属性，用rbga设置

透明度取值范围0~1

标红的就是设置透明度的

background-color: rgba(0,0,0, .1);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            /* w200+h200+bgc */
            width: 200px;
            height: 200px;
            /* 颜色，预定义颜色 十六进制 rgb */
            /* transparent 透明色 */
            /* background-color: transparent; */

            /* 背景半透明  css3新出的样式属性*/
            /* alpha 透明度 取值范围0~1 */
            background-color: rgba(0,0,0, .1);
        }
    </style>
</head>
<body>
    <div>
        div
    </div>
</body>
</html>

2、插入背景图片

使用方法：

background-image: none | url(路径)

玉安_ZhangDe

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
CSS学习06：背景颜色&背景色半透明度&插入背景图片

样式名称：background-color 定义元素的背景颜色使用方法：background-color:transparent;transparent(透明)是默认值。background-color:颜色值;给背景颜色设置透明度：背景半透明 css3新出的样式属性，用rbga设置透明度取值范围0~1标红的就是设置透明度的background-color: rgba(0,0,0, .1);<!DOCTYPE html><...
复制链接

扫一扫

专栏目录