用html实现圆角边框

最近在研究html语言，如果没有使用javascript脚本语言，如何用html语言来实现圆角边框呢？可以用div便签中加入一些属性来调整，我在Dreamweaver中的代码如下：

div style=" background:#FFFFFF;border:1px solid #000000;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px; border-radius:8px;float:left;margin-left:-2px;">font color="#94217C"><strong>

br />

          table width="440" border="0" style="font-size:13px";>

  <tr>

    td width="53%">   联系人：叶先生</td>

    <td width="47%">手机：18159306868</td>

  </tr>

  tr>

    td width="53%">   联系人：黄河</td>

    td width="47%">手机：13328566613</td>

  /tr>

  tr>

    td>   联系电话：0595-22630888</td>

    td>传真：0595-28908989</td>

  /tr>

  tr>

    td colspan="2">   公司地址：福建泉州洛江区安吉路尚东国际Ａ栋</td>

    /tr>

  tr>

    td>   公司主页：<a href="http://www.sekwan.com">www.sekwan.com</a></td>

    td>邮箱：hh@sekwan.com</td>

  /tr>

</table></strong</font> 

<br />

</div>

主要是看div里面属性：background背景颜色，border边框的粗细，solid边框颜色，后面几个是边框的圆角的曲度，大家可以设置不同的数值来检验。显示的效果图如下：

另外，大家在使用发邮件的时候就需要用到这个方法了，因为邮件中几乎是不支持jscript的语言，所以这个还是可以学下的，嘿嘿。。。

（文章为錢途無量原创，转载请注明出处）

本文地址：http://blog.tianya.cn/blogger/post_read.asp?BlogID=4725569&PostID=51689139