css中你知道color属性的作用吗?


摘要:
下文讲述css属性中color的功能说明,如下所示:


color 属性功能

color属性的功能:
用于设置指定的html元素中的文本颜色,无默认值

 color属性设置语法:
    color:<colorValue>
 ------参数值说明-----
    colorValue:可使用颜色名称,
     RGB,HEX,RGBA,HSL,HSLA,transparent


color 属性功能示例说明

 
<meta charset="utf-8" />
<style>
.colorname p{color:red;}
.hex p{color:#ff0000;}
.rgb p{color:rgb(0,0,0);}
.rgba p{color:rgba(0,0,0,.5);}
.hsl p{color:hsl(240,50%,50%);}
.hsla p{color:hsla(240,50%,50%,.5);}
.transparent p{color:transparent;}
</style>
<p>
 maomao365.com <br />
 color属性示例说明
</p>
<hr />
<ul class="test">
	<li class="colorname">
		<strong>使用颜色名称法</strong>
		<p>颜色示例:{color:red;}</p>
	</li>
	<li class="hex">
		<strong>HEX(十六进制数值表示法)</strong>
		<p>颜色示例:{color:#ff0000;}</p>
	</li>
	<li class="rgb">
		<strong>RGB</strong>
		<p>颜色示例:{color:rgb(0,0,0);}</p>
	</li>
	<li class="rgba">
		<strong>RGBA</strong> - IE8及以下浏览器不支持这种写法
		<p>颜色示例:{color:rgba(0,0,0,.5);}</p>
	</li>
	<li class="hsl">
		<strong>HSL</strong> - IE8及以下浏览器不支持这种写法
		<p>颜色示例:{color:hsl(240,50%,50%);}</p>
	</li>
	<li class="hsla">
		<strong>HSLA</strong> - IE8及以下浏览器不支持这种写法
		<p>颜色示例:{color:hsla(240,50%,50%,.5);}</p>
	</li>
	<li class="transparent">
		<strong>transparent</strong> - IE8及以下浏览器将文本颜色设置为transparent,文本将显示为黑色
		<p>颜色示例:{color:transparent;}</p>
	</li>
css  color属性示例说明

css
color属性示例说明