<!DOCTYPE html>
<html><head><style type="text/css"> .onvan{ text-align:center;line-height: 13;color:#FFFFFF; background-image:url('image.jpg'); width:212px;height:200px;}</style></head><body><div class="onvan"> متن شما </div></body></html>
راهنمای استفاده از کد فوق در کد نویسی های طراحی سایت :
- – از مقدار text-align برای تعیین موقعیت متن در تصویر استفاده میکنیم ، مقادیر قابل استفاده :
Center = موقعیت وسط عکس , Right = موقعیت سمت راست عکس , Left = موقعیت سمت چپ عکس , Top = موقعیت بالا عکس
- – از مقدار color برای تغییر رنگ متن خود استفاده کنید و مقادیر قابل استفاده :
رنگ مشکی = ۲c3e50 # , رنگ سفید = ecf0f1 # , رنگ آبی = ۱۷۸۴d9 # , رنگ قرمز = ff5959 # , رنگ زرد = f1c40f #
- – از مقدار background-image برای فراخوانی تصویر در طراحی سایت استفاده میکنیم، مقادیر قابل استفاده :
در کد بالا به جای نام image.jpg میتوانید هر آدرس تصویر دیگری را قرار دهید .
- – از مقدار width برای تغییر سایز عرض استفاده میشود ، مقادیر مورد استفاده :
مقادیر مورد استفاده از ۱px تا بینهایت میتواند باشد که بر حسب پیکسل محاسبه میشود و نسبت به نیاز خود میتوانید سایز را تنظیم کنید!
- – از مقدار height برای تغییر سایز ارتفاع استفاده میشود ، مقادیر مورد استفاده :
مقادیر مورد استفاده از ۱px تا بینهایت میتواند باشد که بر حسب پیکسل محاسبه میشود و نسبت به نیاز خود میتوانید سایز را تنظیم کنید!
- – از قسمت “متن شما” میتوانید نام یا متن دلخواه خود را بنویسید.
امیدوارم از آموزش نوشتن متن روی عکس توسط زبان html ما راضی بوده باشید .
شاد و پیروز باشید