ویژگی background در css
در این قسمت از مقالات طراحی سایت قصد داریم ویژگی Background را برای شما آموزش دهیم.
از این ویژگی برای تعریف حالت های مختلف پس زمینه برای یک عنصر بکار می رود.این ویژگی در طراحی سایت باعث زیباتر شدن وب سایت می شود.بک گراند انواع مختلفی دارد که آنها را شرح می دهیم:
background-color:از این ویژگی برای رنگ زمینه ی سایت استفاده می شود.
مثال زیر کاربرد Bachground-color را در آموزش Css نشان می دهد.
body
{background-color:#b0c4de;}
background-image:از این ویژگی برای رنگ زمینه ی عکس ها استفاده می شود.
body
{background-image:url(‘paper.gif’);}
background-repeat:از این ویژگی رد طراحی سایت با css برای تعیین چرخش عکس استفاده می شود.توجه داشته باشید که تصااویری که انتخاب می کنید حجم کمی داشته باشد در غیر این صورت سرعت بارگزاری صفحات شما کند خواهد شد.
body
{background-image:url(‘gradient2.png’);
background-repeat:repeat-x;}
background-attachment:برای اینکه تصویر پس زمینه ی ثابتی داشته باشیم از این ویژگی استفاده می کنیم.scroll مقدار پیش فرض می باشد.
body
{ background-image:url(‘smiley.gif’);
background-repeat:no-repeat;
background-attachment:fixed;}
background-position:برای تنظیم موقعیت عکس ها در طراحی سایت از این ویژگی استفاده می کنند.
body
{background-image:url(‘img_tree.png’);
background-repeat:no-repeat;
background-position:top right;}
منبع: sitedesign-co.com
سایر مقالات مرتبط :
- معرفی دستگاه ماینر واتس ماینر Whatsminer M32 68Th
- وب سرور چیست؛ هر آنچه باید از وب سرور بدانید!
- روش کار با php unit test
- برنامه نویسی اندروید و همه چیز درباره آن
- بهترین مدل مانتو شلوار اداری برای مصاحبه شغلی
- آفر ویژه تورتایلند 7شب را در لحظه آخر ببینید
- آشنایی با بهترین نرم افزار CRM
- بررسی بروکرهای کارگزاریهای آلپاری فارکس و فیبوگروپ
- نکات کاربردی در مورد طراحی ویلا
- خدمات آرایشگاه داماد تهران بکس
- مقایسه بهترین برندهای اینورتر و درایو
- آشنایی با آقای پرداخت، پرداختیار بانکی مرکزی و شاپرک + مزایای آن