Muhtasari wa Rangi ya Kifungu cha Kifungu cha CSS

Muhtasari wa Rangi ya Kifungu cha Kifungu cha CSS

border-color 属性用于设置四个边框的颜色。

可以通过以下方式设置颜色:

  • name - 指定颜色名,比如 "red"
  • HEX - 指定十六进制值,比如 "#ff0000"
  • RGB - 指定 RGB 值,比如 "rgb(255,0,0)"
  • HSL - 指定 HSL 值,比如 "hsl(0, 100%, 50%)"
  • transparent

注释:如果未设置 border-color,则它将继承元素的颜色。

Mivivu

演示不同的边框颜色:

p.one {
  border-style: solid;
  border-color: red;
}
p.two {
  border-style: solid;
  border-color: green;
}
p.three {
  border-style: dotted;
  border-color: blue;
}

结果:

红色实线边框

绿色实线边框

蓝色点状边框

Jifunze Kwa Kupima

特定边框的颜色

border-color 属性可以设置一到四个值(用于上边框、右边框、下边框和左边框)。

Mivivu

p.one {
  border-style: solid;
  border-color: red green blue yellow; /* 上红、右绿、下蓝、左黄 */
}

Jifunze Kwa Kupima

Thamani ya kina

Rangi ya jicho kinaweza kutumika kwa uwanja wa kipya kwa thamani ya kina (HEX):

Mivivu

p.one {
  border-style: solid;
  border-color: #ff0000; /* Red */
}

Jifunze Kwa Kupima

RGB Values

Au kutumia RGB Values:

Mivivu

p.one {
  border-style: solid;
  border-color: rgb(255, 0, 0); /* Red */
}

Jifunze Kwa Kupima

HSL Values

Inaweza kutumia HSL Values kwa uwanja wa kipya:

Mivivu

p.one {
  border-style: solid;
  border-color: hsl(0, 100%, 50%); /* Red */
}

Jifunze Kwa Kupima

Una hatarisha ya kuona hapa Muhtasari wa Rangi za CSS Una taarifu zaidi kuhusu HEX, RGB na HSL Values katika Mafunzo ya Kituo hiki.