PDA

View Full Version : گرد کردن لبه ی جداول : CSS


PrinceDotNet
چهارشنبه 03 خرداد 1385, 12:18 عصر
سلام
چطور میشه لبه ی جدولها رو گرد کرد ؟
مهدی کرامتی
چهارشنبه 03 خرداد 1385, 13:48 عصر
فکر نکنم بشه اینکار رو با یک سری تعریف در فایل CSS انجام داد.

من آخرین بار این کار رو با استفاده از یک سری تصویر که همرنگ جدول بود شبیه سازی کردم. یعنی ردیف اول و آخر جدول رو 3 ستونی کردم، بعد تو ستون اول و سوم یک فایل Gif که همرنگ ردیف بود و با فتوشاپ حالت ربع دایره درست کرده بودم گذاشتم.
M-Gheibi
چهارشنبه 03 خرداد 1385, 14:00 عصر
چرا میشه
مثلا اینجا (http://www.fireandknowledge.org/archives/2004/05/22/rounded-corners-without-images-part-1/) رو نگاه کنید (نحوه ساخت)
اینم نتیجه کار (http://www.fireandknowledge.org/examples/rounded_corners_part1.html)

پ.ن
راستی این رو یادم رفت بگم در CSS 3 به سادگی (بدون هیچ دردسر و کد اضافی) میشه اینکار رو انجام داد. با استفاده از خصوصیت border-radius اینکار انجام میشه. اینجا (http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius) رو ببینید.
PrinceDotNet
چهارشنبه 03 خرداد 1385, 15:25 عصر
بسیار ممنون. خیلی جالب بود .

حقیقتا" فکر نمی کردم با CSS این قدر راحت باشه؟
esf-kh
پنج شنبه 04 خرداد 1385, 14:12 عصر
جالب بود . سپاسگزارم .
sinpin
پنج شنبه 04 خرداد 1385, 15:07 عصر
ممنون
جالب بود.
pooyanm
یک شنبه 07 خرداد 1385, 13:40 عصر
خیلی جالب و مفید بود ولی تصاویر مزیت هایی برای fade کردن دارند که در این روش امکان آن نیست!