您的位置：首页 > Web前端 > CSS

CSS圆角表格的实现-无图片

2010-07-04 17:42 621 查看
神奇的CSS特
效－CSS圆角表格的实现


<html>

<head>

<meta http-equiv="Content-Type" content="text/html;
charset=gb2312">

<title>神奇的CSS特效－CSS圆角表格的实现</title>

</head>

<body>

<TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0
cellPadding=0 width="45%" 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>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航