100分求无图片圆角表格

如果不用图片只能这样了，不支持其他浏览器
<html xmlns:v>
<head>
<style>
v\:*{behavior: url(#default#VML);}
</style>
</head>
<body>
<v:roundRect style="position:absolute;left:20px;top:50px;width:200px;height:140px;" FillColor="#e8e8e8" Filled="T" strokecolor="red" strokeweight="5px"><br> &nbsp你要的</v:roundRect>
给你要的</body>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

还有就是你说的那种DIV实现，看最上面楼主说的，恐怕楼主已经有代码了。
用图片做不好吗？
hbhbhbhbhb1021(天外水火(我要多努力)) 的效果非常好,可惜在FF下不显示效果,还有没有兼容FF的?
hbhbhbhbhb1021(天外水火(我要多努力)) 的效果非常好,可惜在FF下不显示效果,还有没有兼容FF的?
<html>
<head>
<title>100分求无图片圆角表格 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
div.RoundedCorner{background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div class="RoundedCorner">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<br>100分求无图片圆角表格 <br><br>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>
<TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=3 width="100%">
<TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=1>
<TD width=1></TD>
<TD width=1></TD>
<TD width=1></TD>
<TD bgColor=#908a47></TD>
<TD width=1></TD>
<TD width=1></TD>
<TD width=1></TD>
</TR>
<TR height=1>
<TD></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD bgColor=#f7f8f9></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD></TD>
</TR>
<TR height=1>
<TD></TD>
<TD bgColor=#908a47></TD>
<TD bgColor=#f7f8f9 colSpan=3></TD>
<TD bgColor=#908a47></TD>
<TD></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD> <TABLE style="TABLE-LAYOUT: fixed" height="100%" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD width=1 bgColor=#908a47></TD>
<TD id=oINNER bgColor=#f7f8f9>
这里是填写表格的内容</TD>
<TD width=1 bgColor=#908a47></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR height=3 width="100%">
<TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=1>
<TD width=1></TD>
<TD width=1 bgColor=#908a47></TD>
<TD width=1 bgColor=#f7f8f9></TD>
<TD bgColor=#f7f8f9></TD>
<TD width=1 bgColor=#f7f8f9></TD>
<TD width=1 bgColor=#908a47></TD>
<TD width=1></TD>
</TR>
<TR height=1>
<TD></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD bgColor=#f7f8f9></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD></TD>
</TR>
<TR height=1>
<TD colSpan=3></TD>
<TD bgColor=#908a47></TD>
<TD colSpan=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>
基于Prototype的圆角工具类 !!
到http://www.blogjava.net/max/archive/2007/03/23/105683.html
看下﹗﹗
楼上给出的地址以及0009(夏天以南)给的代码原理一样，都不是真正意义上的圆角,只不过用其他颜色覆盖住了圆角部分,可是我的页面背景是动态变化的,有时可能是渐变色,有时还可能是图片,所以这种方式做的圆角不适合,还有没有其他的,要求圆角部分是透明的,而且支持IE和FF
<style type="text/css">
.table {background-color: #f0f0f0;}
</style></head><body><table border="0" align="center" cellpadding="0" cellspacing="0" class="table">
      <tr>
        <td width="1" rowspan="2"></td>
        <td width="1" height="1"></td>
        <td height="1" bgcolor="#DDDDDD"></td>
        <td width="1"></td>
        <td width="1" rowspan="2"></td>
      </tr>
      <tr>
        <td width="1" height="1" bgcolor="#DDDDDD"></td>
        <td height="1"></td>
        <td width="1" bgcolor="#DDDDDD"></td>
      </tr>
      <tr>
        <td width="1" bgcolor="#DDDDDD"></td>
        <td width="1" height="165"></td>
        <td width="165" height="216"> </td>
        <td width="1" height="165"></td>
        <td width="1" bgcolor="#DDDDDD"></td>
      </tr>
      <tr>
        <td rowspan="2"></td>
        <td height="1" bgcolor="#DDDDDD"></td>
        <td height="1"></td>
        <td bgcolor="#DDDDDD"></td>
        <td rowspan="2"></td>
      </tr>
      <tr>
        <td height="1"></td>
        <td height="1" bgcolor="#DDDDDD"></td>
        <td></td>
      </tr>
    </table>
借用楼上的代码, 做了点修改, 解决底色的问题。没装FF, 不知道FF下能不能正常用。<html>
<head>
<title>无图片圆角表格 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
.RoundedCorner{background-color: #9BD1FA}
b.rtop, b.rbottom{display:block;background-color:transparent}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background-color: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body style="background-color:#000000"><table width=80% border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td><b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b></td></tr>
<tr>
<td class="RoundedCorner">
 
</td>
</tr>
<tr><td><b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b></td></tr>
</table>
</body>
</html>
<style type="text/css">
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b20000}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #870000;
  border-right:1px solid #870000;
  background:#9f0000}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #6f0000;
  border-right:1px solid #6f0000;
  background:#a30000}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a30000;
  border-right:1px solid #a30000;}
.spiffy4{
  border-left:1px solid #870000;
  border-right:1px solid #870000}
.spiffy5{
  border-left:1px solid #9f0000;
  border-right:1px solid #9f0000}
.spiffyfg{
  background:#b20000;padding:20px}
</style><div>
  <b class="spiffy">
  <b class="spiffy1"><b></b></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy3"></b>
  <b class="spiffy4"></b>
  <b class="spiffy5"></b></b>  <div class="spiffyfg">
   内容，支持 Firefox，内容，支持 Firefox，内容，支持 Firefox，内容，支持 Firefox，
  </div>  <b class="spiffy">
  <b class="spiffy5"></b>
  <b class="spiffy4"></b>
  <b class="spiffy3"></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy1"><b></b></b></b>
</div>
呵呵  爬一爬好高深哦  可不可以用
<fieldset><table></table></fieldset>
不就只要圆角么。