css如何用一类来改变背景颜色？

html-css027

css如何用一类来改变背景颜色？,第1张

用CSS设置颜色与背景 颜色设置 背景设置 圆角边框和图像边框 二、用CSS设置图像效果 1.为图片添加边框 2.图片缩放 color属性是用于控制HTML元素内文本的颜色,取值可以使用下面的任意一种方式。 颜色名:直接使用颜色的英文名称作为属性值,例如,blue表示蓝色。 #rrggbb:用一个6位的十六进制数表示颜色,例如,#0000FF表示蓝色。 #rgb:是#rrggbb的一种简写方式,例如,#0000FF可以表示为#00F

CSS:

.grup{

            padding-top: 104px

            position: relative

            border-radius: 15px

            margin-bottom: 217px

        }

        .grup .img{

            width: 370px

            height: 87px

            position: absolute

            top:-48px

            margin-left: calc(50% - 185px)

            z-index:999

            background: linear-gradient(

            115deg, /*背景分割倾斜角度*/

            #fff 0%,

            #fff 40%,

            #3596EB 40%,

            #3596EB 100%

            )

            border: 4px solid #3596EB

            border-radius: 44px

        }

        .grup .img .coun{

            display: flex

            justify-content: space-around

        }

        .grup .img .coun div{

            display: flex

            line-height: 88px

        }

        .grup .img .coun .left{

            color:#3596EB

            font-size: 32px

            letter-spacing: 3px

            font-weight: 500

        }

        .grup .img .coun .right{

            color:#fff

            font-size: 28px

            letter-spacing: 3px

            font-weight: 500

        }

HTML:

<div class="up grup">

              <div class="img">

                <div class="coun">

                    <div class="left">新建</div>

                    <div class="right">所有文集</div>

                </div>

              </div>

            </div>

效果：

在CSS中，可以使用background-color属性来设置背景颜色。background-color属性设置一个元素的背景颜色，该属性为元素设置一种纯色，这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界。