رنگ پس زمینه CSS

به بررسی و معرفی انتخاب رنگ پس زمینه CSS می پردازیم.

انتخاب رنگ پس زمینه CSS

ویژگی CSS background-color به شما امکان می دهد رنگ بک گراند را برای عنصر انتخاب شده تغییر دهید:

body {
    background-color: blue;
}

رنگ بک گراند CSS در پدینگ اعمال می شود ، اما حاشیه عنصر نیست. این یک ویژگی متحرک است که در CSS1 معرفی شده است:

.example {
  max-width: 100px;
  height: 100px;
  margin: 10px;
  padding: 10px;
  background-color: #333;
}

بررسی رنگ پس زمینه

برای استفاده از رنگ پس زمینه ، باید مثال ترکیبی زیر را دنبال کنید:

background-color: مقدار؛

مقدار پیش فرض این ویژگی شفاف است. با استفاده از نام ، مقدار RGB یا HEX رنگی که انتخاب می کنید می توانید آن را تغییر دهید:

body {
  background-color: rgb(0, 255, 0);
}

p {
  background-color: red;
}

.example {
  background-color: #102296;
}

نکته: برای بدست آوردن مقدار تن رنگ دقیق موردنیاز ، از انتخابگر رنگ Pickeristic استفاده کنید.

پشتیبانی از مرورگر

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.