آموزش پس زمینه Background در CSS | آموزش کامل + نمونه کد

قبلی بعدی

ویژگی background در CSS

ویژگی background، برای ایجاد تغییر در پس زمینه ی المان استفاده می شود.

ویژگی background-color، رنگ پس زمینه ی یک المان را مشخص می کند.

background-color: red;

نکته: برای اطلاعات بیشتر، درباره انواع رنگ، آموزش رنگ ها در CSS را بررسی کنید.

نکته: برای اطلاعات بیشتر، به آموزش رنگ پس زمینه در CSS مراجعه کنید.

ویژگی background-image، یک تصویر را به عنوان پس زمینه ی المان مشخص می کند.

این المان دارای ویژگی background-image است .

background-image: url('/pic-2.jpg');

نکته: برای اطلاعات بیشتر، به آموزش تصویر پس زمینه در CSS مراجعه کنید.

با ویژگی background-repeat، می توان تصویر پس زمینه را در محور x و y، تکرار کرد.

این متن دارای ویژگی background-repeat است.

background-repeat: repeat;

نکته: به صورت پیش فرض، تصویر پس زمینه، در حالت تکرار قرار دارد.

نکته: برای اطلاعات بیشتر، به آموزش تکرار تصویر پس زمینه در CSS مراجعه کنید.

ویژگی background-position، موقعیت تصویر پس زمینه را تعیین می کند.

background-position: center;

نکته: به صورت پیش فرض، تصویر پس زمینه در گوشه بالا، سمت چپ المان قرار می گیرد.

ویژگی background-attachment، مشخص می کند که یک پس زمینه در زمان اسکرول صفحه، همراه آن اسکرول شود یا خیر.

background-attachment: fixed;

نکته: برای اطلاعات بیشتر، به آموزش background-attachment در CSS مراجعه کنید.

در این درس با ویژگی پس زمینه (background) در CSS:

آشنا شدیم.

قبلی بعدی

توسعه دهندگان

احسان اسلامی