آکادمی آموزش آی تی :: بدون صرف وقت و هزینه ، رایگان و به صورت آنلاین یاد بگیرید !

طراحی انواع دکمه توسط سی اس اس ۳ (CSS3 Buttons )

SS مخفف کلمه Cascading Style Sheet می باشد که معنای فارسی آن برگه سبک آبشاری هست .
CSS زبانی است که می توانید به وسیله آن به تگ های HTMl جلوه بدهید و آنها را زیباتر کنید ، چینش آنها را تنظیم کنید و …
CSS3 آخرین نسخه از این زبان می باشد که حاوی تمام دستوراتی است که در نسخه CSS2.1 وجود داشته است و همچنین در این نسخه امکاناتی اضافه شده است که برخی از مشکلات طراحان را حل می کند .

در این پست قصد داریم طراحی انواع دکمه توسط سی اس اس ۳ (CSS3 Buttons ) رو برای شما عزیزان بزاریم . شما میتوانید با ترکیب چند خاصیت های زیر باهم دکمه های زیبایی رو خلق کنید .

دکمه پیشفرض و استایل دار

همان گونه که میبینید دکمه ی پیشفرض دارای ظاهری بد نسبت به دکمه ای که با سی اس اس استایل دهی شده است .


دکمه های رنگی

شما میتوانید با اضافه کردن خاصیت background-color به سی اس اس رنگ دکمه ها را تغییر بدید .


دکمه های سایز دار

شما میتوانید با افزدون خاصیت padding عرض و طول دکمه را به راحتی کنترل کنید .

دکمه های گرد

شما با اضافه کردن خاصیت border-radius به کد های سی اس اس میتونید گوشه دکمه های خودتون رو گرد کنید .


دکمه های حاشیه دار

شما میتوانید با اضافه کردن خاصیت border به کد های سی اس اس خود ، حاشیه های رنگی را به دکمه های خود اضافه کنید .


دکمه های سایه دار

شما با اضافه کردن خاصیت box-shadow به کد های سی اس اس خود میتونید دکمه های خود را سایه دار کنید .



    آکادمی آموزش آی تی یا به مختصر آکامیت فعالیت خود را از اولین روز تابستان سال 1395 آغاز کرده است و هدف آن بهبود سطح دانش مردم در حوزه آی تی میباشد .

      دیدگاه خود را بیان کنید

      نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

      منوی سایت