خرید vps ارزان

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


آخرین ارسال های تالار مشاهده انجمن
  • درخواست قالب Zephyr 5.1 6 پاسخ 36 بازدید
  • Help - Grameasy version 2 1 پاسخ 74 بازدید
  • آموزش تصویری جامع نصب و تنظیمات اسکریپت NextPost 220 پاسخ 4808 بازدید
  • ثابت کردن اسلایدر 1 پاسخ 12 بازدید
  • کوپن 3 پاسخ 17 بازدید
  • مبتلایان به بواسیر این غذاها را نخورند 4 پاسخ 142 بازدید
  • درخواست افزونه user pro 1 پاسخ 30 بازدید
  • فروش فوری و ارزان سایت وبلاگدهی با دامین رند Blogs.city 0 پاسخ 197 بازدید
  • ايميل ايزي گرام 0 پاسخ 33 بازدید
  • تکنولوژی شارژ فوق سریع هواوی 0 پاسخ 7 بازدید
  • هاست

    دستور 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 به بالا و اکثر مرورگر های دیگر پشتیبانی می شود . در ادامه نحوه استفاده از این دستور را بررسی می کنیم .

    دستور Border radius در CSS3

    دستور Border radius در CSS3

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

     

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

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

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

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

    دستور Border radius در CSS3

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

     

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

     

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

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


    The product includes software licensed under GNU General Public License (GPL) or GNU

    دانلود
    .

    خرید هاست وردپرس با SSL رایگان



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

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

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    3,703صفحه 404 بسیار زیبا Spotlook به صورت HTML5 تاریخ : 2013/12/10
    8,674دکمه های جذاب CSS3 شبکه های اجتماعی تاریخ : 2014/02/4
    3,845صفحه لاگین مترو به صورت CSS3 تاریخ : 2013/11/22
    5,672جدول لیست قیمت بسیار حرفه ای CSS3 تاریخ : 2013/11/20
    5,968اسکریپت جدول لیست قیمت ساده CSS تاریخ : 2013/10/29
    2,703آیکون های بسیار زیبای CSS3 تاریخ : 2013/10/26
    4,746قالب HTML ایمیل و خبرنامه Big Mail با قابلیت صفحه ساز آنلاین تاریخ : 2017/06/22
    4,861اسکریپت بررسی رتبه وبسایت SiteSearchStats تاریخ : 2017/07/30
    11,488ایجاد اسلایدر حرفه ای در وردپرس با Slider Revolution فارسی نسخه 4.6.93 تاریخ : 2015/05/27
    3,892اسکریپت تب های پیوند دار تاریخ : 2014/08/4
    6,802قالب HTML ایمیل و خبرنامه Material با قابلیت صفحه ساز آنلاین تاریخ : 2017/04/27
    4,585مجموعه افکت های انیمیشنی ihover تاریخ : 2016/01/17
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب