表格样式代码-CSDN博客

本文链接：https://blog.csdn.net/sccdqq88/article/details/1657024

VML代码实现的圆角表格

源码如下：

<html xmlns:v>
<style>
v/:*{behavior:url(#default#VML)}
</style>
<body>
   <v:RoundRect style="position:relative;width:150;height:240px">
    <v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/>
    <v:TextBox style="font-size:10.2pt;">VML</v:TextBox>
    </v:RoundRect>
</body>
</html>

VML代码实现的圆角表格

源码如下：

<html xmlns:v>
<style>
v/:*{behavior:url(#default#VML)}
</style>
<body>
      <v:RoundRect style="position:relative;width:150;height:240px">
<v:path textpathok="true" />
      <v:textpath on="true" string="cnbrucecnbrucecnbrucecnbrucecnbruc
ecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbruce" />
        <v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/>
        <v:TextBox style="font-size:10.2pt;">VML</v:TextBox>
        </v:RoundRect>
</body>
</html>

表格边框显示外阴影

　　源码如下：

<table align=center width=200 height=100 bgcolor=#f3f3f3
style="filter:progid:DXImageTransform.Microsoft.Shadow
(Color=#333333,Direction=120,strength=5)">
<tr>
<td><center>www.cnbruce.com</td>
</tr>
</table>

虚线边框表格

　　源码如下：

分类型表格

　　源码如下：

<fieldset>
<legend>item</legend>
content
</fieldset>

立体表格

源码如下：

<table border=1 cellspacing=0 width=100% bordercolorlight=#333333 bordercolordark=#efefef>
<tr bgcolor=#cccccc>
    <td>it365cn</td>
    <td>it365cn</td>
    <td>it365cn</td>
    <td>it365cn</td>
</tr>
<tr bgcolor=#cccccc>
    <td>cnbruce</td>
    <td>cnbruce</td>
    <td>cnbruce</td>
    <td>cnbruce</td>
</tr>
</table>
<center>

表格边线为1，间隔为0，左上为#333333，右下为#efefef,行背景色为#cccccc