دوستان آيا مي شه با css اطراف جدول رو گرد كرد . اگه مي شه چطوري ؟
دوستان آيا مي شه با css اطراف جدول رو گرد كرد . اگه مي شه چطوري ؟
اول یک Div کلاس box ایجاد می کنیم تا همه محتویات رو در اون قرار بدیم. از 4 تگ (مثلا b ) استفاده
میکنیم و 4 کلاس به اونا اختصاص میدیم:
حالا در CSS ، به کلاس های r3 ، r2 ، r1 و r4 مقادیر Margin رو به صورت زیر اضافه می کنیم:کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
(این مارجین ها (5 و 3 و 2 و 1) گوشه های باکس ما رو به پیکسل به پیکسل کاهش میدن تا گرد به نظر بیاد.)کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
همونطور که در کد HTML دیدید ، ما b ها رو در 2 تگ بالا و پایین (Rtop و Rbot ) قرار دادیم تا همون
Margin ها به صورت معکوس ،گوشه های پایین رو هم گرد کنند.
حالا کد های زیر رو به CSS اضافه می کنیم:
(در کد های بالا، حاشیه ها و رنگ زمینه تنظیم می شوند)کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
باکس ما آماده است!کد نهایی به این شکل خواهد بود:
کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
منبع:کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
از کد زیر میشه تو فایرفاکس و کروم استفاده کرد ولی تو IE جواب نمیده، در کل بهترین کار اینه که گوشه های گرد به صورت عکس دربیاری و 4 طرف لایه قرار بدی.
از این سایتم می تونی کمک بگیری:کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
البته روشی که علیرضا جان فرمودند در همه مرورگر ها جواب میده
عکس هم خوبه بخصوص در زمنهای که بخوای زیبا کاری کنی
موفق باشید
از این روش میتونید در IE هم استفاده کنید
کافیه تو CSS اون قسمتی که کد بالا رو میدید تا گوشه ها رو گرد کنه کد زیر رو پایینش بدی:
از لینک زیر هم میتونی PIE.htc رو دانلود کنی:کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
با فایل های htc جز حل این مشکل میتونید خیلی کارهای دیگه که مرورگر های دیگه جواب میدو رو در IE نیز انجام بدید
درسته
فعلاً این دستورات رو پشتیبانی میکنه:
کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
درود به دوستان عزیز
از فایل pie.htc تو سایت استفاده کردم مشکلی نداشت فقط مشکل اینجاست که نمیتونم تو وبلاگ ازش استفاده کنم
چطور باید این فایل رو فراخوانی کنم<head>و تو css چطور آدرس رو وارد کنم
؟
</head>
فرض بر این که من فایل رو اینجا آپلود کرده باشم my30t.ugig.ir/pie.htc
Last edited by kamyar73; 16-07-2013 at 15:55. دليل: کامل تر کردن پست
سلام دوستان
بهترین و سرراست ترین برای این کار استفاده از خاصیت border-radius توی css هستش
ولی این رو هم بگم که فقط با css3 کار میکنه
آموزش کاملش رو هم می تونید از سایت من دانلود کنید
اوه اوه اوه شما چرا اینقدر لقمه رو دور می دید بعد غذا می خورید
برید سوپر استایل های سی اس اس و یاد بگیرید اونجا می تونید حتی لوزی هم درست کنید 5 ضلعی یا هر ضلعی که بخواین![]()
هم اکنون 1 کاربر در حال مشاهده این تاپیک میباشد. (0 کاربر عضو شده و 1 مهمان)