ສີບໍ້າ CSS

ສີບໍ້າ CSS

border-color ການກຳນົດສີເສັ້ນກາງ

ການກຳນົດຄວາມພິການມີຄວາມພິການຈາກ 1 ຫາ 4 ຄັນ (ສຳລັບເສັ້ນທາງທິດທຳອິດ, ເສັ້ນທາງທິດສອງ, ເສັ້ນທາງທິດສາມ, ແລະ ເສັ້ນທາງທິດສີ່).

  • ການກຳນົດສີຈະຈັດຕັ້ງໄດ້ດັ່ງກ່າວ:
  • name - ກຳນົດຊື່ສີ, ອີງຕາມ "red"
  • HEX - ກຳນົດຄູ່ມູນ ສິບຫົກສິບ, ອີງຕາມ "#ff0000"
  • RGB - ກຳນົດຄູ່ມູນ RGB, ອີງຕາມ "rgb(255,0,0)"
  • HSL - ກຳນົດຄູ່ມູນ HSL, ອີງຕາມ "hsl(0, 100%, 50%)"

transparentຄວາມຄິດຈິງ: border-colorຖ້າບໍ່ໄດ້ກຳນົດ

实例

ຖ້າບໍ່ໄດ້ກຳນົດ, ມັນຈະຮັບມືສີຂອງປະກອບອຸປະກອນ.

p.one {
  border-style: solid;
  ການສະແດງສີເສັ້ນກາງທີ່ຫຼາກຫຼາຍ:
}
border-color: red;
  border-style: solid;
  p.two {
}
border-color: green;
  p.three {
  border-style: dotted;
}

ຜົນງານ:

border-color: red;

border-color: green;

border-color: blue;

亲自试一试

ສີທາງເສັ້ນກາງຂອງບາງບ່ອນ

border-color ການກຳນົດມີຄວາມພິການຈາກ 1 ຫາ 4 ຄັນ (ສຳລັບເສັ້ນຂ້າງທາງທິດທຳອິດ, ເສັ້ນທາງທິດສອງ, ເສັ້ນທາງທິດສາມ, ແລະ ເສັ້ນທາງທິດສີ່).

实例

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

亲自试一试

HEX 值

边框的颜色也可以使用十六进制值（HEX）来指定：

实例

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

亲自试一试

RGB 值

或者使用 RGB 值：

实例

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

亲自试一试

HSL 值

也可以使用 HSL 值：

实例

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

亲自试一试

您可以在我们的 ສີ CSS 章节中学到有关 HEX、RGB 和 HSL 值的更多知识。