CSS စာပေးနိုင်ခြင်း စာရင်း

CSS စာပေးနိုင်ခြင်း စာရင်း

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

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

  • 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;
}
p.two {
  border-style: solid;
  border-color: green;
}
p.three {
  border-style: dotted;
  border-color: blue;
}

结果：

红色实线边框

绿色实线边框

蓝色点状边框

တကယ် ကြည့်တော့

အရေးသတ်သော အဖက် အမြောက် အောက် အရှေ့ အဖက် အမြောက် အောက် အရှေ့ အရေးသတ်သော အဖက် အမြောက် အောက် အရှေ့ အဖက် အမြောက် အောက် အရှေ့ အရေးသတ်သော အဖက် အမြောက် အောက် အရှေ့ အဖက် အမြောက် အောက် အရှေ့ အရေးသတ်သော အဖက် အမြောက် အောက် အရှေ့ အဖက် အမြောက် အောက် အရှေ့ အရေးသတ်သော အဖက် အမြောက် အောက် အရှေ့ အဖက် အမြောက် အောက် အရှေ့

border-color အကိုးအချုပ် ကို ၁ ထိ ၄ ထိ ပြင်ဆင်နိုင် (အရေးသတ်သော အဖက် အမြောက် အောက် အရှေ့ အဖက် အမြောက် အောက် အရှေ့ အတွက်)。

အကြောင်းကြား

p.one {
  border-style: solid;
  border-color: red green blue yellow; /* အရေးသတ်သော အဖက် အမြောက် အနောက် အောက် အရှေ့ အဖက် အမြောက် အနောက် အောက် အရှေ့ */
}

တကယ် ကြည့်တော့

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 အတွက် အသေးစိတ်ကြောင်းကြား