颜色与单位
背景色
背景色写法:background-color:颜色;
background-color:颜色;
为窗口设置背景色:
body {
background-color: chartreuse;
}
效果:
还可以是文本的底色:
<style>
/* 改变浏览器窗口的整体背景色 */
body {
background-color: lightcoral;
}
p{
color:cornsilk;
background-color:black;
}
</style>
</head>
<body>
<p>19级启嘉班</p>
</body>
效果:
RGB颜色表示法
红色绿色蓝色(RGB)是一种颜色模型,它将颜色表示为三个基本组件(或通道)的混合物,即红色、绿色和蓝色。每种颜色都是由三个数字组成的序列(通常在0.0到1.0之间,或者在0到255之间),它们代表了决定最终颜色的红色、绿色和蓝色的不同强度
<style>
.p1{
color:green(200,0,0);
opacity: 0.2; /*设置透明度的,数值越小越透明*/
}
.p2{
color: #4210f7;
}
.p3{
/* a表示透明度 */
color:rgba(250,0,0,0.2) /*透明度可以写在括号里,简写*/
}
</style>
</head>
<body>
<p class="p1">18级启嘉班</p>
<p class="p2">19级启嘉班</p>
<p class="p3">20级启嘉班</p>
</body>
效果: