X
انجمن برنامه نویسی آموزش CSS

ویژگی background در Css

ویژگی 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;}

Print
نظرات بسته شده است.
دی ان ان