十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
div{
成都创新互联于2013年开始,我们提供高端网站建设、微信小程序开发、电商视觉设计、成都app软件开发及网络营销搜索优化服务,在传统互联网与移动互联网发展的背景下,我们坚守着用标准的设计方案与技术开发实力作基础,以企业及品牌的互联网商业目标为核心,为客户打造具商业价值与用户体验的互联网+产品。
background-color:red;
}
这个的意思就是,div的背景颜色设置为红色
css设置html背景颜色代码。
通过css代码控制div的背景颜色上面是css代码控制div背景颜色的效果,下面是具体的代码:这里把div的背景颜色设置成了#0066FF这个值。
可以看到只需要添加background-color整个属性就可以了。
CSS:层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
使用属性background或者background-color进行设置。
设置的颜色属性值可以使用16进制、rgba、rgb、颜色名称等进行设置,如"background:blue;"。
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
效果: