درخواست کمک

[valy33]

سلام به همگی چطوری میشه گوشه های یه صفحه رو گرد کرد؟؟؟

[parham13]

این کار در مرورگر های مختلف فرق داره مثلا در موزیلا به این صورته

-moz-border-radius

در کروم و سافاری

-webkit-border-radius

برای مثال من یک div دارم اینجوری گوشه هاشو گرد می کنم

-webkit-border-radius:5px;
-moz-border-radius:5px;

[0 1]

-webkit-border-radius:5px;
-moz-border-radius:5px;

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

border-radius:25px;

گرد کردن گوشه مورد نیاز از کادر ( مثلا سمت چپ گوشه پایین)

border-bottom-left-radius:14px;

یا کد زیر
( مقدار اول برای گوشه سمت چپ بالا ، مقدار دوم گوشه سمت راست بالا ، مقدار سوم برای گوشه سمت راست پایین و... )

border-radius:5px 10px 0px 20px;

[valy33]

-webkit-border-radius:5px;
-moz-border-radius:5px;

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

border-radius:25px;

گرد کردن گوشه مورد نیاز از کادر ( مثلا سمت چپ گوشه پایین)

border-bottom-left-radius:14px;

یا کد زیر
( مقدار اول برای گوشه سمت چپ بالا ، مقدار دوم گوشه سمت راست بالا ، مقدار سوم برای گوشه سمت راست پایین و... )

border-radius:5px 10px 0px 20px;

اقا دمت گرم درست شد خیلی ممنون.