برنامه نویس و علاقه مند به زبان های HTML 5 و css و Payton و Bootstrap و#C و asp.net cor هستم. دانش آموز پایه یازدهم هستم.
کلمهcss مخفف کلمه Cascading Style Sheet است.
زبان css یک زبان کمکی برای توصیف عناصر html است. این زبان به شما کمک می کند که سایت را به شکل بهتری نمایش دهیم.زبان css یکی از مهمترین زبان های html است.
در اصل شما هر تگی را درhtml می نویسید. مثل انسانی است که شما دارید می سازید و زبان css ظاهر این انسان است. مثل لباسش،قدش و..... .
در زبان css یک ویژگی به نام background داریم که در جلوتر به آن خواهیم پرداخت.
background در زبان فارسی به معنی زمینه است.
background نوعی فرمان در زبان css است. که می تواند زمینه تگ مورد نظر را تغییر دهد.
به عنوان مثال: رنگ صفحه ، رنگ متن و.............
شما زمانی که عکسی را در زبان css قرار می دهید،عکس به صورت پیش فرض در بالا سمت چپ صفحه قرار می گیرد.
این ویژگی background-position محل قرار گرفتن عکس را مشخص می کند. به عنوان مثال: عکس در وسط صفحه قرار می گیرد.
در ویژگی background-position ما مقادیر زیادی داریم که از آنها می توانید استفاده کنیم.
این مقادیر را می توانید به دو دسته مقادیر اصلی و مقادیر ترکیبی تقسیم کرد.
مقادیر اصلی
<style>
body {background-position:top; }
</style>
<style>
body {background-position:center; }
</style>
<style>
body {background-position:bottom; }
</style>
<style>
body{ background-position: left; }
</style>
<style>
body{ background-position: right; }
</style>
مقادیر ترکیبی
<style>
body{ background-position: left top; }
</style>
<style>
body{ background-position: left center; }
</style>
<style>
body{ background-position:left bottom; }
</style>
<style>
body{ background-position:right top; }
</style>
<style>
body{ background-position:right center; }
</style>
<style>
body{ background-position:right bottom; }
</style>
<style>
body{ background-position:center top; }
</style>
<style>
body{ background-position: center center; }
</style>
<style>
body{ background-position: center bottom; }
</style>
موفق باشید.
چنانچه قصد برگزاری دوره ، مشاوره و یا سفارش پروژه را دارید ، درخواست خود را ارسال نمایید
ارسال درخواست دوره
خوب بود.ادامه بدین