ورود

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



masud8002k
پنج شنبه 08 تیر 1391, 08:41 صبح
سلام من چطور میتونم لبه های جدول رو گرد کنم؟؟
میخوام به جای اینکه اون سطر و ستونم به شکل مستطیل باشه لبه هاش گرد باشه؟؟
این کد من
<td style="height: 220px; vertical-align: top; text-align: right; " bgcolor="#EFEFEF"
dir="rtl" valign="top">


<br />
</td>

Mohsen.
پنج شنبه 08 تیر 1391, 10:34 صبح
میتونی از دستور border-radius در style استفاده کنی.

border-radius:5px;

ravand
پنج شنبه 08 تیر 1391, 15:35 عصر
#matlab{
width:477px;
direction:rtl;
text-align:center;
border-radius:3px;
padding:2px 0px;
border:1px #CCCCCC solid;
font-size:20px;
border:1px silver solid;
padding:10px 15px;
min-height:50px;
background-color:#F7F7F7;
shadow:1px 1px #ccc;
margin-top:10px;
border-radius:5px;
behavior: url('PIE.htc');
}
88887
این کار رو بکن تا با مرورگر اکسپلورر هم سازگار باشه.
این روش فقط برای سایت جواب میده و برای سرویس های وبلاگی جواب نمیده.
فایل PIE رو هم ضمیمه کردم.

masud8002k
شنبه 10 تیر 1391, 08:14 صبح
ممنون اما واسه من border-radius:5px; ایراد میگیره این کدو و گرد نمیکنه لبه ها رو باید چیکار کنم؟

soroush.r70
شنبه 10 تیر 1391, 09:07 صبح
دوست بعضی از مرورگرها از webkit , بعضی از moz استفاده می کنند شما به این صورت بده


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

cyrusthegreat
دوشنبه 12 تیر 1391, 14:26 عصر
دوست عزیز

امیدوارم مشکلتون حل شده باشه. فقط یک نکته ای بگم، که اگر برای Tableتون مقدار زیر رو قرار داده باشید، دیگه گوشه های جدولتون گرد نمی شن:

border-collapse:collapse