سلام
دوست عزيز
شما سه راه داريد
استفاده از css3 كه البته هنوز برخي از بروزرها اون رو ساپورت نميكنن
استفاده از اموزش ي كه البته گفتيد نتونستيد اجراش كنيد
اجراي اموزش بنده:
اين روش رو بساري از سايتهاي بزرگ مثل ياهم براي گرد كردن گوشه هاي مستطسلي استفاده مينكنن
فرض كنيد شما چهر گوشه داريد به نامهاي:
.tr
.tl
.br
.bl
كه به ترتيب گوشه هاي سمت چپ و راست بالا و پايين رو مشخص ميكنند
اين كدهاي كه مربوط به كليت گوشه ها هست رو در قسمت استايلهاي صفحتون كپي كنيد:
کد:
.tr, .tr .tl, .br, .br .bl {
display:block;
font-size:0;
line-height:0;
margin:0;
height:6px;
position:relative;
}
اين كدها با فرض اين هستند كه ارتفاع عكس شما 6 پيكسل و سل پد 2 پيكسل هست
كدهاي زير مربوط به ريز جزءهاي گوشه ها هست كه ادرس عكسها و ديگر مشخصات اونها درش مشخصه:
کد:
.tr, .br {width:100%;right:-2px}
.tr .tl, .br .bl{width:100%;left:0px;left:-4px }
.tr{
background:transparent url(top right image address) no-repeat bottom right;top:+2px}
.tr .tl{
background:transparent url(top left image address) no-repeat bottom left;}
.br{
background:transparent url(bottom right image address) no-repeat bottom right; top:-2px}
.br .bl{
background:transparent url(bottom left image address) no-repeat bottom left;}
حالا كافيه در ابتدا و انتهاي تيبل خودتون از تگهاي div به صورت زير استفاده كنيد:
HTML:
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td><span class="tr"><span class="tl"></span></span>Your data<span class="br"><span class="bl"></span></span></td>
</tr>
</table>
موفق و پيروز باشيد