正文
css样式颜色设置方法,css样式颜色设置方法图
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
14、CSS中颜色设置方法
在我们的显示屏中，一个像素点由三原色构成，分别为：红、绿、蓝。然而在计算机中使用0-255来表示某个原色的不同程度，在二进制中，可以使用八位二进制（00000000-11111111）进行表示。在十六进制中用（ 00-ff ）表示。那么红色（0-255），绿色（0-255），蓝色（0-255）三原色组成的颜色就有256*256*256种，组成了屏幕中五彩缤纷的画面。
由此就可以衍生出颜色的表示方式：
加入透明度：
使用色相表示（hsl）：
这是一种将所有颜色对应成一个圆，一个角度代表一种颜色，所以取值范围为0-360，但是它还包括了饱和度和亮度。
h:0-360,色相
s:0-100%，饱和度
l:0-100%，亮度
例如：hsl(0, 50%, 50%);
相关问答
Q1: css怎么定义全局样式为蓝色,楷体？
在样式文件或style标签里设置全局样式，具体的写法如下：
style
*{
color: blue;
font-family: '楷体';
}
/style
color表示字体颜色， font-family表示字体样式
Q2: css 设置背景的颜色及形状
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
效果：
Q3: css颜色全部变成紫色怎么操作
css颜色全部变成紫色一种是标签内CSS、一种是外部CSS。
在CSS中，我们可以通color属性来设置字体颜色。color属性规定文本的颜色；该属性设置了一个元素的前景色(在HTML表现中，就是元素文本的颜色)；光栅图像不受color影响。
使用JavaScript设置元素样式的最简单方法是使用style属性。在我们通过JavaScript访问的每个HTML元素时都有一个style对象。此对象允许我们指定CSS属性并设置其值。
