دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش CSS » آخرین قسمت از آموزش تصویری CSS – نحوه استایل دهی به فرم ها
آخرین قسمت از آموزش تصویری CSS - نحوه استایل دهی به فرم ها

آخرین قسمت از آموزش تصویری CSS – نحوه استایل دهی به فرم ها

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

استایل دهی به فرم ها در CSS

اگر با فرم ها آشنا نیستید این آموزش ساخت فرم در HTML  را مشاهده فرمایید .

همان طور که در آموزش Attribute Selector گفتم می تونیم با استفاده از ویژگی هایی که در HTML تعریف می کنیم به تگ ها استایل بدیم ، پس حالا هم همین کار رو انجام میدیم :

کد HTML : 

کد CSS : 

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

اضافه کردن آیکون به فرم جستجو

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

کد HTML : 

کد CSS : 

در این جا شما فقط به جای search.png در پس زمینه آدرس عکس مورد نظر خودتون رو بدید تا عکس در صفحه ظاهر بشه .

آموزش تصویری CSS رو می تونید از لینک زیر دانلود کنید .

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

دانشجوی رشته نرم افزار ، عاشق برنامه نویسی

نظرات کاربران :



جواب سوال چیه ؟ *