نحوه ی قرار دادن متن بر روی تصاویر با کد html



۳۰ آبان ۱۳۹۶
:81 بازدید

نحوه ی قرار دادن متن بر روی تصاویر با کد html که  میتوانید روی عکس های خود در سایت متن بگذارید که در این روش میتوانید عکسی را به عنوان زمینه در نظر بگیرید و متنی بر روی این عکس بنویسید و به نمایش در آورید . این یکی از کاربردی ترین و مهم ترین کدهایی است که برای زیبا سازی به ان احتیاج داریم . شما با استفاده از این کد بسیار ساده میتوانید در کد های html خود ، بر روی عکس های سایت متن قرار دهید ، همانگونه که خودتان بخواهید با اندازه و فونت مورد علاقه ی شما

 

نحوه ی قرار دادن متن بر روی تصاویر با کد html

نحوه ی قرار دادن متن بر روی تصاویر با کد html

 

چگونگی استفاده از نحوه ی قرار دادن متن بر روی تصاویر با کد html

 

  1. ز text-align برای مشخص کردن محل قرار گرفتن متن روی تصویر
  2. از color برای مشخص کردن رنگ متن ( رنگ مشکی = ۲c3e50 # , رنگ سفید = ecf0f1 # , رنگ آبی = ۱۷۸۴d9 # , رنگ قرمز = ff5959 # , رنگ زرد =  f1c40f # )
  3. از background-image برای فراخوانی تصویر که به جای اسم image.jpg شما میتوانید آدرس مورد نظر خود را روی تصویر قرار دهید
  4. از width برای تعیین عرض عکس که بر حسب پیکسل محاسبه میشود
  5. از height برای ارتفاع تصویر استفاده میشود
  6. و در قسمت آخر شما به جای ( متن شما ) میتوانید متن مورد نظر خود را بنویسید

 

 

 

 

 


مطالب زیر را حتما بخوانید