گرد کردن گوشه ها در فایرفاکس ، کروم ، اینترنت اکسپلورر

درود.

این مقاله برای کاربران حرفه ای ( مسلط به سی اس اس و HTML ) می باشد .

در این مقاله گرد کردن گوشه ها در تمامی مرورگر های مطرح آموزش داده میشود بطوری که شما فقط باید المنت هایی که معرفی میشوند را در کلس مورد نظر بگنجانید .

اول از همه گرد کردن گوشه ها در فایر فاکس :

کد:

[LEFT] -moz-border-radius: 10px;[/LEFT]

بجای 10 پیکسل میتوانید پیکسل کمتر یا بیشتر انتخاب کنید .

گرد کردن گوشه ها در سافاری و کروم :

کد:

[LEFT] -webkit-border-radius: 10px;[/LEFT]

بجای 10 پیکسل میتوانید پیکسل کمتر یا بیشتر انتخاب کنید .

گرد کردن گوشه ها در مرورگر اینترنت اکسپلورر 9 :

کد:

[LEFT] border-radius: 10px;[/LEFT]

بجای 10 پیکسل میتوانید پیکسل کمتر یا بیشتر انتخاب کنید .

گرد کردن گوشه ها در اینترنت اکسپلورر 6 7 و 8 نیاز به اکستنشن HTC دارد . به همین منظور ابتدا از لینک زیر HTC Border radius را دانلود کنید و در روت سایت خود ( public_html ) قرار دهید .

http://www.vbiran.ir/border-radius.htc

مثل وی بی ایران که در روت قرار داده است .

حالا به سی اس اس های خود المنت زیر را اضافه کنید :

کد:

[LEFT]behavior: url(border-radius.htc);[/LEFT]

حالا سایت را با اینترنت اکلپلورر باز کنید و میبینید که پس از مکس کوتاهی گوشه های کلس دیو ، پی ، اسپن و .. مورد نظر شما که به آن ها نسبت داده اید گرد میشوند .

از لینک زیر هم میتوانید اچ تی سی رو دریافت کنید ( جز آی پی ایران ) :

http://code.google.com/p/curved-corn...der-radius.htc

موفق باشید .

منبع : وی بی ایران