CSS纯绿色代码
纯绿色代码
下面提供了三种用于在CSS中表示纯绿色的代码。
内置纯绿色颜色值
CSS中可以直接使用"green"来设置color或其它有关color的属性值,用于表示告诉浏览器渲染输出纯绿色,如下实例代码,将段落字体的颜色设置为纯绿色:
<p class="p1">绿色的字体</p>
<style>
.p1{color:green;}
</style>
rgb设置纯绿色的代码
rgb,在平面设计或相关的美术中,被称为三原色,分别表示红绿蓝,在软件中,可以通过调节三原色的参数值,来获取不同的颜色,其中参数的值介于0至255,那么将,r和b的值设置为0,g的值设置为255,即可得到纯绿色。代码参数如下:
rgb(0,255,0)
如下实例代码将一个div的背景颜色设置为纯绿色:
<div class="d1">绿色的背景</div>
<style>
.d1{width:50%;height:50%;background-color:green;}
</style>
十六进制值的纯绿色代码
CSS中,也可以使用HEX十六进制值的模式来设置颜色的属性值,比如,纯绿色的十六进制代码为:
#00ff00
如下实例,将div的边框颜色设置为纯绿色:
<div class='d2'></div>
<style>
.d2{width:50%;height:50%;border:2px solid #00ff00;}
</style>
免责声明:内容仅供参考,不保证正确性。