چه کار کنم تا گوشه‌های گرد برای عناصر HTML در مرورگرهای فایرفاکس، کروم و اپرا قابل نمایش باشد؟

۲

گوشه‌های گرد یکی از حالت‌هایی است که زیبایی خاصی به عناصر HTML‌ می‌دهد. برای این که گوشه‌های گرد را در مرورگرهای فایرفاکس، کروم و اپرا نمایش دهیم از چه تکنیکی باید استفاده کنیم؟ (مانند تصویر زیر)


alt text

پرسیده شده ۱۲:۴۵ - ۱۳۸۹/۰۴/۲۶ moallemi۳۸۵۱۲۲۹
انصراف

۱  پاسخ

۸

راه‌های مختلفی برای ایجاد گوشه‌های گرد وجود داره ولی این دو راه متداول‌تر هستش:

  • استفاده از تصویر برای گوشه‌های گرد،‌ این سایت در این مورد کمک می‌کنه تا تصاویر مورد نظر رو با رنگ و میزان انحنای دلخواه بسازید

  • استفاده از کدهای CSS، فایرفاکس و کروم به ترتیب با moz-border-radius و -webkit-border-radius میشه گوشه‌های گرد درست کرد

  • برای گرد کردن گوشه‌ها در مرورگر اپرا کافی هست که از دستور border-radius در کد CSS خودتون استفاده کنید. نکته‌ی جالب در مورد این دستور این هست که یک استاندارد CSS۳ هست که فعلا در مرورگر اپرا و کروم پشتیبانی می‌شه.

در این آدرس ۲۵ راه مختلف برای ایجاد گوشه‌های گرد با CSS اومده،‌ اینجا هم با استفاده از فایل htc یک روش cross browser که توی مرورگرهای مختلف از جمله IE هم کار می‌کنه معرفی شده

انصراف
انصراف