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>

免责声明:内容仅供参考,不保证正确性。


全栈前端 / CSS教程 :



























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