تغییر رنگ پس زمینه عناصر در CSS

color-txt

تغییررنگ پس زمینه عناصر در CSS
شما می توانید پس زمینه هر عنصر یا تگ را در CSS تغییر رنگ بدهید . به کدهای زیر توجه کنید ابتدا تگهایی که قرار است رنگ آنها نسبت به بقیه صفحه متفاوت باشند را در تگ Css مشخص کرده ام.

 

 

 

قراردادن یک تصویر به عنوان پس زمینه در css

img-use

قراردادن یک تصویر به عنوان پس زمینه در CSS
در درس قبلی یاد گرفتید که چگونه رنگ پس زمینه را تغییر بدهید . در این درس می خواهم نحوه قرار دادن یک تصویر به عنوان پس زمینه در CSS را آموزش بدهم (مثال). جهت قرار دادن یک تصویر به عنوان پس زمینه از صفت background-image استفاده می کنیم . بعد از تایپ background-image کافیست آدرس تصویر خودتان را بوسیله url همانند کد زیر مشخص کنید .

 

از این تصاویر در پس زمینه استفاده نکنید

imag-not

از این تصاویر در پس زمینه استفاده نکنید
در قسمت قبلی یک مثال را برای قرار دادن یک تصویر به عنوان پس زمینه آموزش دادم . در این قسمت می خواهم یک مثال در مورد تصاویری که نباید به عنوان پس زمینه در سایت قرار بگیرد بدلیل اینکه متن های شما قابلیت خوانایی کمتری پیدا می کنند را با یک مثال بیان کنم . 

 

تکرار تصویر در جهت افقی در CSS

img-repeat

تکرار تصویر در جهت افقی در CSS
در این قسمت یک مثال برای شما آماده کرده ام که نحوه به کارگیری یک تصویر در جهت افقی در کدهای CSS را بهتر یاد بگیرید . صفت ها قبلا آموزش داده شده است .

 

 

قراردادن یک تصویر در جای مشخص با CSS

img-fix2

قراردادن یک تصویر در جای مشخص با CSS
در آموزش صفت position به طور کامل نحوه قرار گیری عناصر در صفحه را توضیح داده ام . در این جلسه می خواهم با یک مثال ساده نحوه قرار گیری یک تصویر در موقعیت مورد نظر را توضیح بدهم .

 

 

 

 

 

قراردادن یک تصویر ثابت در صفحه

img-fix

قراردادن یک تصویر ثابت در صفحه
در بعضی از مواقع لازم است که یک تصویر را در صفحه HTML به صورت ثابت قرار دهیم تا با حرکت اسکرول تصویر در جای خود ثابت باقی بماند . به مثال زیر توجه کنید

 

 

 

تغییر رنگ متن عناصر در صفحه با CSS

text-color

تغییر رنگ متن عناصر در صفحه با CSS
در مثال زیر من رنگ متن هر عنصر یا تگ را به صورت مستقل تغییر داده ام .در مثال زیر مشاهده می کنید که از سه روش برای تغییر رنگ متن استفاده شده است .

 

 

تنظیمات فاصله بین حروف در CSS

text-decoration

تنظیمات فاصله بین حروف در CSS
به مثال زیر دقت کنید که چگونه فاصله بین حروف را کم یا زیاد کرده ام .
letter-spacing : برای تعيين اندازه فاصله بين حروف در نوشته استفاده می شود ، که يکی از 2 حالت زير می تواند باشد :
- normal : فاصله بين حروف در اين حالت به اندازه استاندارد و معمولی است ، که انتخاب پيش فرض است .
- length : به وسيله اين خاصيت يک اندازه بر حسب واحدی مثل پيکسل ( pixel ) ، نقطه ( pt ) و ... را برای فاصله بين حروف تعيين می کنيم .

 

مشترک این خوارک خبری شوید

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»