طراحی و بهینه سازیمشاهده
آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumمشکل در قالب وردپرس فوری459Configer
iconforum" صندلی داغ " - 25 بهمن ماه 1395 - mrrashidpour3581261mrrashidpour
iconforumتاپیک درخواست حضور در صندلی داغ642776KINGERFAN
iconforumکار نکرد شورت کدها در توضیح کوتاه محصول448hadiemp
iconforumاینترنت گران می‌شود؟08AynaZ
iconforumایرانی ها تلگرام؛ غربی ها عضو کدام گروه اند؟07AynaZ
iconforumجشنواره برد برد مایکت شروع شد132AynaZ
iconforumبیشتر از هاست کد233AynaZ
iconforumاسکریپت11128AynaZ
iconforumجواب مت کاتس:برای وب سایت تولید محتوا بهتر است یا بک لینک؟112AynaZ
iconforumافت سایت1183AynaZ

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

میهن وب هاست
هاست

دستور Border radius در CSS3

CSS / HTML , آموزش طراحی
دستور Border radius در CSS3Reviewed by جواد on Nov 2Rating: 5.0دستور Border radius در CSS3در این قسمت از سری آموزش های دوران طراحی وب به موضوع زیبا سازی تگ های درون صفحه می رسیم . در این قسمت دستور border radius در زبان css3 مورد بررسی قرار می دهیم

در این قسمت از سری آموزش های دوران طراحی وب به موضوع زیبا سازی تگ های درون صفحه می رسیم . در این قسمت دستور border radius در زبان css3 مورد بررسی قرار می دهیم .دستور border radius که در ورژن 3 از نسخه زبان css معرفی شد برای گرد کردن اشیاء درون صفحه استفاده می شود البته این دستور از مرورگر های IE ورژن 9 به بالا و اکثر مرورگر های دیگر پشتیبانی می شود . در ادامه نحوه استفاده از این دستور را بررسی می کنیم .

نحوه استفاده از این دستور در زبان CSS به صورت زیر می باشد :

 

دستور بالا تگی با خاصیت کلاس selector را گوشه های این المنت رو به میزان 10 پیکسل گرد خواهد کرد . توجه داشته باشید که در خط های بعدی دستور border radius دستوراتی برای اعمال این دستور در مرورگر های مختلف می باشد که اگر حتما می خواهید صفحه شما در تمامی مرورگر ها به یک شکل باشند باید از این دستور ها استفاده کنید .

توجه داشته باشید که مقدار دستور border radius می تواند به صورت واحد های مختلف زبان css مانند em , percent , px,… باشد

در ادامه بخوانید  قابلیت speech در HTML5

تغییر جز به جزء گوشه ها

جهت تغییر هر یک از گوشه های المنت در این دستور به صورت زیر تنظیم می شود :

در دستور بالا با توجه به شکل ترتیب گرد کردن گوشه اشیاء مشخص شده است که در واقع عدد هایی که در دستور border radius به کار رفته اند دقیقا باید مطابق شکل تنظیم شوند مانند دستور زیر :

 

نکته : برای گرد کردن شئ و تبدیل آن به یک دایره باید میزان border radius را برابر %100 قرار دهیم

 

به این ترتیب به پایان این قسمت از سری آموزش های دوران طراحی وب رسیدیم , امیدوارم از این آموزش لذت کافی رو ببرید ! در ضمن نکته ای دیگر این که نظرات مقداری کم رنگ شده امیدوارم با دیدگاه های خوبتون پر رنگ تر بشه

موفق و پیروز و سربلند باشید.


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

اخبارتاپ - اخبار جدید لحظه ای ایران و جهان


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1392/08/11 4 CSS / HTML , آموزش طراحی

لینک کوتاه مطلب : http://www.20script.ir/?p=1240

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,066افزونه حرفه ای مکعب نمونه کارها تاریخ : 1392/09/24
4,543قالب فروشگاهی اسپشییال به صورت Html تاریخ : 1393/03/13
4,461افزونه ایجاد لینک باکس در وردپرس Enhanced Text Widget تاریخ : 1394/12/12
3,627دانلود کد کیبورد بسیار کاربردی فول CSS3 تاریخ : 1392/08/12
2,045اسکریپت دکمه درخشان تاریخ : 1393/06/16
3,944اسکریپت منو های بسیار زیبا و آماده Zetta به صورت CSS3 تاریخ : 1393/11/26
1,790اسکریپت صندوق پستی بسیار زیبا CSS3 تاریخ : 1392/08/12
2,948افزونه ایجاد کتاب های الکترونیک سه بعدی dFLIP برای وردپرس تاریخ : 1395/08/7
14,917افزونه صفحه آرایى Page Builder برای وردپرس تاریخ : 1394/11/27
2,694منوی انیمیشنی بسیار زیبا به صورت CSS3 تاریخ : 1392/11/27
2,086دانلود فرم ورود بسیار زیبا و حرفه ای تاریخ : 1392/11/3
8,999ساخت اشکال هندسی مختلف با استفاده از CSS3 تاریخ : 1394/04/23
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب