用css制作圆边表格

<!--CTYPE html PUBLIC "-//W3C//DTD XHTML .0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml-transitional.dt-->
<meta http-equiv="Content-Type" content="text/html; charset=gb232" /><style type="text/css">
.FlipH{Filter:FlipH;}
.FlipV{Filter:FlipV;}
.FlipVH{filter:fliph()flipv()}
.top{border-top:px solid #CACAC9;}
.main{ border-left:px solid #CACAC9; border-right:px solid #CACAC9;}
.bottom{border-bottom:px solid #CACAC9;}</style>
<table cellspacing="0" cellpadding="0" width="200" border="0">
    <tbody>
        <tr valign="top">
            <td align="left" width="20" height="20"><img height="20" alt="" src="a.gif" width="20" /></td>
            <td class="top">&nbsp;</td>
            <td class="FlipH" align="right" width="20" height="20"><img height="20" alt="" src="a.gif" width="20" /></td>
        </tr>
        <tr>
            <td class="main" valign="top" colspan="3" height="200">&nbsp;</td>
        </tr>
        <tr valign="bottom">
            <td class="FlipV" align="left" width="20" height="20"><img height="20" alt="" src="a.gif" width="20" /></td>
            <td class="bottom">&nbsp;</td>
            <td class="FlipVH" align="right" width="20" height="20"><img height="20" alt="" src="a.gif" width="20" /></td>
        </tr>
    </tbody>
</table>
=========================== 用到的两个图，可以根据自己的需要进行修改 =========================== a.gif .gif 用css制作圆边表格

上一篇: 让页面背景图片不平铺重复的方法
下一篇: 提高IIS网站服务器效率八法
文章来自:
引用通告: 查看所有引用 | 我要引用此文章
Tags: csscss 表格表格 圆边圆边
相关日志: