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>
免责声明:内容仅供参考。