CSS rgb() function
- ບ່ອນໄກຫຼັງກ່ວາ ຫົວຫຼັກ repeating-radial-gradient() ທີ່ CSS
- ບ່ອນໄກຕໍ່ໄປ ຫົວຫຼັກ rotate() ທີ່ CSS
- ກັບຄືນຫຼັງຫົວໜ້າ ຄູ່ມືການອະທິບາຍການປະສົມບາດເບິ່ງ CSS
ການກຳນົດ ແລະ ການນໍາໃຊ້
CSS rgb()
ຍັງຈະສາມາດເພີ່ມສະນະຄວາມທີ່ປະກອບກາຍຄວາມຟາກຂອງສີ (ຄວາມຜ່ອນຂອງສີ).
RGB ຄູ່ມີສີວັດແລະສີບົນປົກກະຕິຈະຖືກກຳນົດຂອງຄວາມສຳຄັນສີຈະເປັນຈຳນວນສອງສາມສາມຫຼາຍຈາກ 0 ຫາ 255 ຫຼື ສິບສາມສາມຫຼາຍຈາກ 0% ຫາ 100%. rgb(red green blue)
ກຳນົດຂັ້ນນີ້. ທຸກສິງພາກສະເພາະສີຈະຖືກກຳນົດຄວາມຫຼາຍຂອງສີຈະເປັນຈຳນວນສອງສາມສິບສາມຫຼາຍຈາກ 0 ຫາ 255 ຫຼື ສິບສາມສາມຫຼາຍຈາກ 0% ຫາ 100%.
ອີງຕາມນີ້ rgb(0 0 255) ມີລັກສະນະສີວັດແລະສີບົນປົກກະຕິເປັນສີຂຽວຍ້ອນວ່າສິງສີຂຽວຖືກກຳນົດໃຫ້ຫຼາຍທີ່ສຸດ(255) ແລະສິງສີອື່ນແມ່ນຖືກກຳນົດໃຫ້ຫຼາຍທີ່ສຸດ(0)。
注意:rgba()
函数是 rgb()
函数的别名。建议使用 rgb()
函数。
实例
定义不同的 RGB(A) 颜色:
#p1 {background-color:rgb(255 0 0);} /* 红色 */ #p2 {background-color:rgb(0 255 0);} /* 绿色 */ #p3 {background-color:rgb(0 0 255);} /* 蓝色 */ #p4 {background-color:rgb(192 192 192);} /* 灰色 */ #p5 {background-color:rgb(255 255 0);} /* 黄色 */ #p6 {background-color:rgb(255 0 255);} /* 樱桃色 */ #p7 {background-color:rgb(255 0 255 / 0.2);} /* 带透明度的樱桃色 */ #p8 {background-color:rgb(0 0 255 / 50%);} /* 带透明度的蓝色 */
CSS 语法
绝对值语法
rgb(R G B / A)
值 | 描述 |
---|---|
R |
必需。定义红色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。 ສາມາດໃຊ້ none (ທຽບໃສ່ 0%). |
G |
必需。定义绿色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。 ສາມາດໃຊ້ none (ທຽບໃສ່ 0%). |
B |
必需。定义蓝色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。 ສາມາດໃຊ້ none (ທຽບໃສ່ 0%). |
/ A |
ຄວາມອິດສະຫຼະ. ສະແດງຄວາມສະທ້ອນຂອງສີ, 0% (ຫຼື 0) ສະແດງວ່າສະທ້ອນສົມບູນ, 100% (ຫຼື 1) ສະແດງວ່າບໍ່ສະທ້ອນ. ສາມາດໃຊ້ none (ສະແດງວ່າບໍ່ມີຄວາມສະທ້ອນ). ຄາດການຈົງໃຫ້ 100%. |
相对值语法
rgb(from color R G B / A)
值 | 描述 |
---|---|
from color |
以关键字 from 开头,后跟表示原始颜色的颜色值。 这是相对颜色所基于的原始颜色。 |
R |
必需。定义红色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。 ສາມາດໃຊ້ none (ທຽບໃສ່ 0%). |
G |
必需。定义绿色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。 ສາມາດໃຊ້ none (ທຽບໃສ່ 0%). |
B |
必需。定义蓝色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。 ສາມາດໃຊ້ none (ທຽບໃສ່ 0%). |
/ A |
ຄວາມອິດສະຫຼະ. ສະແດງຄວາມສະທ້ອນຂອງສີ, 0% (ຫຼື 0) ສະແດງວ່າສະທ້ອນສົມບູນ, 100% (ຫຼື 1) ສະແດງວ່າບໍ່ສະທ້ອນ. ສາມາດໃຊ້ none (ສະແດງວ່າບໍ່ມີຄວາມສະທ້ອນ). ຄາດການຈົງໃຫ້ 100%. |
ລະອຽດດ້ານເຕັກນິກ
ສະຖານະ: | CSS2 |
---|
ການສະໜັບສະໜູນບຸລິມະສິດ
ຈຳນວນຂອງບຸລິມະສິດໃນຕາມບັນນາທິການວ່າເປັນບັນດາບຸລິມະສິດທີ່ສະໜັບສະໜູນພາສານີ້ຄັບທີ່ສຸດ.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
rgb() | ||||
1 | 4 | 1 | 1 | 3.5 |
rgb() ທີ່ມີຄວາມສະທ້ອນ | ||||
65 | 79 | 52 | 12.1 | 52 |
ຈຸດຈັກຄວາມສະເພາະ | ||||
65 | 79 | 52 | 12.1 | 52 |
- ບ່ອນໄກຫຼັງກ່ວາ ຫົວຫຼັກ repeating-radial-gradient() ທີ່ CSS
- ບ່ອນໄກຕໍ່ໄປ ຫົວຫຼັກ rotate() ທີ່ CSS
- ກັບຄືນຫຼັງຫົວໜ້າ ຄູ່ມືການອະທິບາຍການປະສົມບາດເບິ່ງ CSS