一、web中颜色的使用
/* Keyword values */
color: currentcolor;
/* <named-color> values */
color: red;
color: orange;
color: tan;
color: rebeccapurple;
/* <hex-color> values */
color: #0f0;
color: #00ff00;
color: #0f0a;
color: #00ff0080;
/* <rgb()> values */
color: rgb(34, 12, 64, 0.3);
color: rgba(34, 12, 64, 0.3);
color: rgb(34 12 64 / 0.3);
color: rgba(34 12 64 / 0.3);
color: hsla(30, 100%, 50%, 0.3);
color: hsl(30 100% 50% / 0.3);
color: hsla(30 100% 50% / 0.3);
/* Global values */
color: inherit;
color: initial;
color: unset;
二、currentColor的使用
上面列出了ccs样式中color可能的取值。第一个color: currentColor是一个关键字取值。
Currentcolor 示例:
<div
style="
color:blue;
border: 1px dashed currentcolor;">
The color of this text is blue.
<div
style="
background:currentcolor;
height:9px;">
</div>
This block is surrounded by a blue border.
</div>
/* Keyword values */
color: currentcolor;
/* <named-color> values */
color: red;
color: orange;
color: tan;
color: rebeccapurple;
/* <hex-color> values */
color: #0f0;
color: #00ff00;
color: #0f0a;
color: #00ff0080;
/* <rgb()> values */
color: rgb(34, 12, 64, 0.3);
color: rgba(34, 12, 64, 0.3);
color: rgb(34 12 64 / 0.3);
color: rgba(34 12 64 / 0.3);
/* <hsl()> values */
北京欧式双眼皮手术http://www.010yestar.com/
color: hsla(30, 100%, 50%, 0.3);
color: hsl(30 100% 50% / 0.3);
color: hsla(30 100% 50% / 0.3);
/* Global values */
color: inherit;
color: initial;
color: unset;
二、currentColor的使用
上面列出了ccs样式中color可能的取值。第一个color: currentColor是一个关键字取值。
Currentcolor 示例:
<div
style="
color:blue;
border: 1px dashed currentcolor;">
The color of this text is blue.
<div
style="
background:currentcolor;
height:9px;">
</div>
This block is surrounded by a blue border.
</div>