重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
在我们的显示屏中,一个像素点由三原色构成,分别为:红、绿、蓝。然而在计算机中使用0-255来表示某个原色的不同程度,在二进制中,可以使用八位二进制(00000000-11111111)进行表示。在十六进制中用( 00-ff )表示。那么红色(0-255),绿色(0-255),蓝色(0-255)三原色组成的颜色就有256*256*256种,组成了屏幕中五彩缤纷的画面。
成都服务器托管,成都创新互联提供包括服务器租用、中国电信成都枢纽中心、带宽租用、云主机、机柜租用、主机租用托管、CDN网站加速、域名与空间等业务的一体化完整服务。电话咨询:028-86922220
由此就可以衍生出颜色的表示方式:
加入透明度:
使用色相表示(hsl):
这是一种将所有颜色对应成一个圆,一个角度代表一种颜色,所以取值范围为0-360,但是它还包括了饱和度和亮度。
h:0-360,色相
s:0-100%,饱和度
l:0-100%,亮度
例如:hsl(0, 50%, 50%);
在样式文件或style标签里设置全局样式,具体的写法如下:
style
*{
color: blue;
font-family: '楷体';
}
/style
color表示字体颜色, font-family表示字体样式
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颜色全部变成紫色一种是标签内CSS、一种是外部CSS。
在CSS中,我们可以通color属性来设置字体颜色。color属性规定文本的颜色;该属性设置了一个元素的前景色(在HTML表现中,就是元素文本的颜色);光栅图像不受color影响。
使用JavaScript设置元素样式的最简单方法是使用style属性。在我们通过JavaScript访问的每个HTML元素时都有一个style对象。此对象允许我们指定CSS属性并设置其值。