① css设置背景颜色
在CSS中,可以使用background-color属性来设置背景颜色。background-color属性设置一个元素的背景颜色,该属性为元素设置一种纯色,这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界。
② CSS怎么设置背景颜色
使用属性background或者background-color进行设置。
设置的颜色属性值可以使用16进制、rgba、rgb、颜色名称等进行设置,如"background:blue;"。
③ CSS如何怎么设置div边框颜色宽度和高度
1.首先,您需要创建一个div,对div进行添加一个class。我们利用CSS通过class来设置div的边框。
④ css颜色值设置方式有哪些
在制作页面的时候我们经常需要设置字体颜色或者背景颜色,丰富多彩的颜色能够让页面呈现更好的效果,在网站中用到颜色的地方也很多,文字颜色,背景颜色,边框颜色等都需要用到。
在css中表示颜色的方法主要有以下几种。
1. 关键字颜色
属性值是颜色的名称。
例如:
div{
color:red;
}
div{
width:100px;
height:100px;
background:hsl(100,80%,50%);
}
2. 十六进制
十六进制表示颜色的原理是利用光的三原色:红色,绿色,蓝色。利用这三种颜色就能组合出很多颜色,比如红色光和绿色光就可以组合成黄色,三种颜色的光可以组成白色,没有光的时候就是黑色。
下图为光色三原色:
H:色相。就是颜色名称。取值为是0到360。
S:饱和度。是色彩的纯度,取值是0%到100%。
L:亮度。取值为是0%到100%。
hsl(hue, saturation, lightness)
例如:
5. RGBA
RGBA颜色表示形式只是比RGB多了一个A。A表示Alpha透明度。取值是0到1.
rgba(red, green, blue, alpha)
例如:
div{
width:100px;
height:100px;
background:rgba(255,0,0,0.5);
}
div{
width:100px;
height:100px;
background:hsla(100,80%,50%,0.8);
}
效果图:
6. HSLA
HSLA颜色表示形式只是比HSL多了一个A。A表示Alpha透明度。取值是0到1.
hsla(hue, saturation, lightness, alpha)
例如: