آموزش برنامه نویسی CSS به زبان ساده جلسه (2)

CSS COLORS رنگ ها در CSS
رنگ ها در CSS دارای نام بوده و شما با استفاده از این نام ها می توانید از رنگ ها استفاده کنید.
فرض کنید توسط CSS می خواهید رنگ زمینه صفحه را تغییر دهید. برای این کار باید از خصوصیت Background-color استفاده نمایید.


آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)برای تعیین رنگ متن نیز در CSS باید از خصوصیت Color استفاده نمایید:


آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)برای تعیین رنگ کادر در CSS باید از خصوصیت Border استفاده نمایید:


آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)CSS Background
در CSS خصوصیت های زیادی در مورد زمینه وجود دارد که می توان به راحتی همه آنها را تنظیم نمود. از این خصوصیات می توان به Background-color ، Background-image ، Background-repeat ، Background-Attachment و Background-Position اشاره نمود.
Background-color رنگ پس زمینه
این خصوصیت رنگ زمینه یک عنصر را مشخص می نماید.
برای استفاده از این خصوصیت می توانید به روش زیر عمل نمایید:


آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)برای معرفی رنگ می توانید به روش های زیر عمل نمایید:
1- استفاده از یک نام معتبر همانند RED
2- استفاده از یک مقدار HEX همانند #ff0000
3- استفاده از یک مقدار RGB همانند rgb(255,0,0)


آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)Background-image تصویر پس زمینه
با استفاده از این گزینه بجای این که در پس زمینه یک رنگ قرار دهیم یک تصویر را قرار می دهیم.


آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)Background-repeat تکرار تصویر پس زمینه
با این گزینه تصویر به صورت افقی و عمودی در صفحه تکرار می شود که شما می توانید طبق سلیقه خود تکرار به صورت افقی و یا تکرار به صورت عمودی را تعیین نمایید.
برای تعیین تکرار پس زمینه به صورت افقی می توانید از کد زیر استفاده کنید:


آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)برای تعیین تکرار پس زمینه به صورت عمودی باید به جای repeat-x از  repeat-y استفاده کنید.
اگر بخواهید تصویر پس زمینه تکرار نشود باید از کد زیر استفاده نمایید:

آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)Background-Position موقعیت تصویر پس زمینه

با این گزینه شما می توانید موقعیت تصویر پس زمینه را تعیین و تغییر دهید.
به کد زیر دقت کنید:

آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)Background-Attachment

به صورت پیش فرض با بالا و پایین کردن صفحه تصویر نیز بالا و پایین می شود اگر بخواهید تصویر ثابت بماند و حرکت نکند باید به شیوه زیر عمل نمایید:
 

آموزش برنامه نویسی  CSS به زبان ساده جلسه (2)

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)

مطالب مشابه

زبان مردم مالزی

راهنمای سفر به مالزی

بلیط رایگان به جزیره کیش ویژه اعضا

زبان مردم پاریس

زبان مردم مادرید

زبان مردم بارسلونا

امتیاز کلی این مطلب (0)

0 از 5 ستاره
افزودن نظر