جدول با گوشه های گرد

[meysampaknahad]

سلام
من میخام گوشه های جدول درون صفحه سایتم رو گرد کنم.
چطوری باید این کار رو انجام بدم؟
لطفاً راهنمایی کنید


----------------------------------------
خدا جبران تمام نداشته های من است . ( دکتر شریعتی )

[kashaneh]

دوست عزیز از کد زید استفاده کنید :



<table style="width: 200px; height: 100px; background-color: #6598CC; -moz-border-radius: 20px">
<tr>
<td>Content_ for Show</td>
</tr>
</table>


البته این کد در حال حاضر تنها توسط مرورگر فایرفاکس پشتیبانی می شود!

موفق باشی

[smrb59]

میتونی یه کار دیگه هم بکنی .
بری تو فتوشاب خودت گوشه ها رو ایجاد کنی و بعدش هم بیایی تو کد اچ تی ام ال سایتت پیاده سازی کنی.همین.

[meysampaknahad]

سلام
ممنون از اینکه راهنمایی کردید.
تویه فتوشاپ گوشه ها رو گرد کردم . حالا چطوری باید توی کد html ازش استفاده کنم؟

[YOUCOMCO]

من از این راه استفاده میکنم که هم راحته و هم اینکه همه جا جواب میده:
همونطور که دوستمون هم گفت اول گوشه هارو درست کنید. مثلا: بالا راست: TopRight یا tr
یه div با اندازه دلخواه
یه div داخلش با همون پهنا و css زیر:

background-image:tr.jpg
margin-top:0px
bacvhground-position:top right
background-repeat: no-repeat
حالا عکس tl رو بنداز چپش

برای محتوای div هم میتونی از تگ p استفاده کنی و هم از یه div دیگه، البته بهتره برای اون یه margin از چهار طرف به اندازه ابعاد عکسهای گوشه ای استفاده کنی.

حالا یه div دیگه با این css:
background-image:br.jpg
margin-bottom:0px
bacvhground-position:top right
background-repeat: no-repeat
عکس bl رو هم بنداز چپش

رنگ پس زمینه اصلی رو هم تطبیق بده

داخل table هم میتونی از همین روش استفاده کنید. در کل باید یه عکس رو توی بک بیاری و یکی رو بصورت img

::یا علی::

[meysampaknahad]

خیلی ممنون از لطفتون
مشکلم حل شد .