آموزش کار با پس زمینه ها یا Backgrounds در CSS

[Mohlek]

کار با پس زمینه ها یا Backgrounds در CSS
در این بخش / جلسه از سری آموزش های قدم به قدم زبان CSS میخواهیم با پس زمینه ها یا Backgrounds در CSS کار کنیم ، در واقع از این ویژگی برای ایجاد پس زمینه ( تصویر یا رنگ ) برای یک عنصر استفاده می شود.

ویژگی Background دارای حالت های مختلفی می باشد که این حالت به شرح زیر می باشد :

background-color : برای تنظیم رنگ پس زمینه
background-image : برای تنظیم تصویر پس زمینه
background-repeat : برای تکرار کردن تصویر پس زمینه
background-attachment : برای تنظیم نحوه قرار گیری تصویر پس زمینه
background-position : برای تنظیم موقعیت قرار گیری تصویر پس زمینه


سایت آموزشی فری لرن
خانه آموزش CSS آموزش CSS مقدماتی
آموزش CSSآموزش CSS مقدماتی
آموزش کار با پس زمینه ها یا Backgrounds در CSS
توسط صادق اسدی - ۱۳۹۸-۰۶-۱۸
مرتبط با این آموزشآموزش های بیشتر

آموزش CSS مقدماتی
آموزش نحوه اولویت بندی عناصر در CSS

آموزش CSS مقدماتی
آموزش کامل واحدهای اندازه گیری در CSS

آموزش CSS مقدماتی
آموزش کار با منوها یا Navigation Bar در CSS

آموزش CSS مقدماتی
آموزش کامل Image Sprites در CSS

آموزش CSS مقدماتی
آموزش کامل ترازبندی متن ها در CSS + انواع ترفند
آموزش کار با پس زمینه ها یا Backgrounds در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با پس زمینه ها یا Backgrounds در CSS با من همراه باشید.

آموزش کار با پس زمینه ها یا Backgrounds در CSS

Free-Learn
آنچه در این جلسه میخوانید : [مخفی کن]

1 کار با پس زمینه ها یا Backgrounds در CSS
2 ویژگی background-color در CSS
3 ویژگی background-image در CSS
4 ویژگی background-repeat در CSS
5 ویژگی background-attachment در CSS
6 ویژگی background-position در CSS
کار با پس زمینه ها یا Backgrounds در CSS
در این بخش / جلسه از سری آموزش های قدم به قدم زبان CSS میخواهیم با پس زمینه ها یا Backgrounds در CSS کار کنیم ، در واقع از این ویژگی برای ایجاد پس زمینه ( تصویر یا رنگ ) برای یک عنصر استفاده می شود.

ویژگی Background دارای حالت های مختلفی می باشد که این حالت به شرح زیر می باشد :

background-color : برای تنظیم رنگ پس زمینه
background-image : برای تنظیم تصویر پس زمینه
background-repeat : برای تکرار کردن تصویر پس زمینه
background-attachment : برای تنظیم نحوه قرار گیری تصویر پس زمینه
background-position : برای تنظیم موقعیت قرار گیری تصویر پس زمینه
Free-Learn
ویژگی background-color در CSS
در این روش ما میتونیم یک رنگ را برای پس زمینه یک عنصر تنظیم نماییم. مبحث قبلی در مورد رنگ ها در CSS بود و یاد گرفتیم که از چه روش هایی میشه یک رنگ را برای یک عنصر یا چند عنصر انتخاب و تنظیم نماییم.

شکل کلی برای تعریف یک رنگ برای پس زمینه در CSS بصورت زیر می باشد :


background-color: color_value ;
1
background-color: color_value ;
مثال :


<style>

body{ background-color:#5db616; }

</style>