دیجی اسکریپت

قرار دادن متن روی عکس با کد در HTML | دیجی اسکریپت

قرار دادن متن روی عکس با کد در HTML

قرار دادن متن روی عکس با کد در HTML

قرار دادن متن روی عکس با کد در html

با سلام خدمت دوستان همیشگی . کدی که در این مطلب می خواهیم به شما معرفی کنیم به شما این امکان را می دهد تا بتوانید روی عکس های خود در سایت متن بنویسید، و یکی از کدهای مهم برای بهتر کردن ظاهر سایت است. برای یادگیری روش استفاده از این کد در ادامه با ما همراه باشید.

ایجاد متن روی عکس های سایت وردپرسی

کدی که در این مطلب به شما معرفی می شود به شما کمک می کند به سادگی  در کد های html خود، بر روی عکس های سایت طبق سلیقه و با اندازه و فونت دلخواهتان متن بنویسید.

نحوه ی استفاده از کد قرار دادن متن بر روی عکس

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

    امیدوارم از این آموزش لذت برده باشید.

The post قرار دادن متن روی عکس با کد در HTML appeared first on ایکس اسکریپت.



لینک منبع مطلب

برچسب ها

این مطلب بدون برچسب می باشد.

ارسال دیدگاه جدید

به نکات زیر توجه کنید

  • نظرات شما پس از بررسی و تایید نمایش داده می شود.
  • لطفا نظرات خود را فقط در مورد مطلب بالا ارسال کنید.