CSS中灰色的两种代码

CSS中灰色内置值

CSS中的color属性内置了一个灰色的属性值,或者称为颜色值,为:grey。这种方法相对于下面要介绍的一种方法的功能可能要单一一些,因为无法调节灰色的浓淡和透明度。grey的使用方法如下:

color:grey; 或 backgrond-color:grey;

提示:只要是有关颜色的属性都可以设置为grey。

grey颜色实例代码

<div class="d1"></div>

<style>
  .d1{width:100%;height:20%;background-color:grey;}
</style>

rgba设置灰色的代码

rgba中,前三个rgb用于设置颜色,最后一个a用于设置透明度,rgb中灰色的值就是介于0和255之间,浓淡程度可以根据自身的需要进行选择,a的值则介于0到1之间,0表示全透明,1表示不透明,具体可参考下方的实例代码:

<div class="d2"></div>

<style>
  .d2{width:100%;height:20%;background-color:rgba(235,235,235,0.5);}
</style>

免责声明:内容仅供参考。


全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.