css如何设置一个标签颜色

  

这篇文章将为大家详细讲解有关css如何设置a标签颜色,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

css的选择器有哪些

css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以有多种组合,有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等

方法:1、使用“a{color:颜色值;}”语句设置a标签的文本颜色;2、使用“a{background-color:颜色值;}”语句设置a标签的背景颜色。颜色值可以使用颜色名、十六进制数值、RGB或RGBA值、HSL或HSLA值来定义。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css设置a标签颜色

方法1:使用color属性设置文本颜色

Color属性指定文本的颜色。

示例:

a标签元素

默认文本颜色为:

css如何设置a标签颜色

使用Color属性

a{color: red;}

效果图:

css如何设置a标签颜色

方法2:使用background-color属性设置背景颜色

background-color属性设置一个元素的背景颜色。元素的背景是元素的总大小,包括填充和边界(但不包括边距)。

示例:

a{background-color: peru;}

效果图:

css如何设置a标签颜色

css颜色值的写法:

1、使用颜色名

虽然目前已经命名的颜色约有 184 种,但真正被各种浏览器支持,并且作为 CSS 规范推荐的颜色名称只有 16 种,如下表所示。

表1:CSS 规范推荐的颜色名称

/*名 称	颜 色	名 称	颜 色	名 称	颜 色
  黑色的纯黑银浅灰海军深蓝
  浅蓝色浅蓝绿深绿石灰绿
  蒂尔靛青水天蓝栗色深红
  红色大红紫色深紫樱红色品红
  橄榄褐黄黄明黄灰色深灰
  白壳白*/

不建议在网页中使用颜色名,特别是大规模的使用,避免有些颜色名不被浏览器解析,或者不同浏览器对颜色的解释差异。

<强> 2,十六进制颜色

十六进制符号# RRGGBB和# RGB(比如# ff0000) !”#“;后跟6位或者3位十六进制字符)(0 - 9,a - f。

这是最常用的取色方法,例如:

# f03   # F03   # ff0033   # FF0033

<强> 3,RGB,红-绿-蓝(红绿蓝(RGB))

规定颜色值为RGB代码的颜色,函数格式为RGB (R, G, B),取值可以是0 - 255的整数或百分比。

RGB (255 0 51)   rgb (255, 0,, 51)   rgb (100%、0%、20%)   rgb (100%, 0%, 20%)

扩展:RGBA,红-绿-蓝-阿尔法(RGBA)

RGBA扩展了rgb颜色模式,它包含了阿尔法通道,允许设定一个颜色的透明度。表示透明度:0=透明;1=不透明。

RGBA(255, 0, 0, 0.1),,,,/*, 10%,不透明,*/,,   rgba(255, 0, 0, 0.4),,,,/*, 40%,不透明,*/,,   rgba(255, 0, 0, 0.7),,,,/*, 70%,不透明,*/,,   rgba(255, 0, 0,,, 1),,,,/*,不透明,即红色,*/

<强> 4,奥软,色相——饱和度——明度(Hue-saturation-lightness)

色相(色调)表示色环(即代表彩虹的一个圆环)的一个角度。
饱和度和明度由百分数来表示。
100%是满饱和度,而0%是一种灰度。
100%明度是白色,0%明度是黑色,而50%的明度是“一般的“。

奥软(120100%,25%),,,,/*,深绿色,*/,,   奥软(120100%,50%),,,,/*,绿色,*/,,,,,,,   奥软(120100%,75%),,,,/*,浅绿色,*/

扩展:HSLA,色相——饱和度——明度——阿尔法(HSLA)

HSLA扩展自奥软颜色模式,包含了阿尔法通道,可以规定一个颜色的透明度。一个表示透明度:0=透明;1=不透明。

HSLA(240100%、50%、0.05),,,/*, 5%,不透明,*/,,,   hsla(240100%、50%, 0.4),,,/*, 40%,不透明,*/,,   hsla(240100%、50%, 0.7),,,/*, 70%,不透明,*/,,   hsla(240100%, 50%,,,, 1),,,/*,完全不透明,*/

<强> 5,透明的

特殊颜色值,表示透明色。可以直接当做颜色使用。

css如何设置一个标签颜色