درخواست کمک [بایگانی] - انجمن تخصصی وب هاستینگ ایران

valy33

July 12th, 2012, 17:43

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

parham13

July 12th, 2012, 17:56

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

-moz-border-radius
در کروم و سافاری

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

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

0 1

July 12th, 2012, 20:06

-webkit-border-radius:5px;
-moz-border-radius:5px;
البته مرورگرها دیگه از کد بالا پشتیبانی نمیکنند و باید یه این صورت استفاده کنید.

border-radius:25px;

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

border-bottom-left-radius:14px;

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

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

valy33

July 12th, 2012, 23:21

-webkit-border-radius:5px;
-moz-border-radius:5px;
البته مرورگرها دیگه از کد بالا پشتیبانی نمیکنند و باید یه این صورت استفاده کنید.

border-radius:25px;

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

border-bottom-left-radius:14px;

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

border-radius:5px 10px 0px 20px;
اقا دمت گرم درست شد خیلی ممنون.