（站长本人）常用的table表格显示样式

2016-01-04 22:02:14  访问(3318) 赞(0) 踩(0)

  • 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
    <style type="text/css">
        table.tableItem
        {
            background-color: #CDCDCD;
            font-family: 仿宋;
        }
        tr.trItem
        {
            background-color: #FFFFFF;
        }
        td.tdLeftItem
        {
            background-color: #F8F8FF;
            color: #666666;
            font-size: 14px;
            font-weight: bold;
            font-family: 宋体;
            line-height: 20pt;
            vertical-align: middle;
            padding-right: 5px;
        }
        td.tdRightItem
        {
            /*background-color: #F0F8FB;*/
            background-color: #FFFFFF;
            font-size: 14px;
            font-family: 宋体;
            line-height: 20pt;
            vertical-align: middle;
            line-height: 20pt;
            padding-left: 5px;
        }
        td.tdTitleItem
        {
            /*background-color: #F0F8FB;*/
            background-color: #FFFFFF;
            font-size: 18px;
            font-weight: bold;
            font-family: 宋体;
            line-height: 20pt;
            vertical-align: middle;
            line-height: 20pt;
            text-align: center;
        }
         
    </style>
</head>
<body>
    <form name="form1" method="post" action="Default.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2MTY2ODcyMjlkZFuQ1NN1XRVDAREpB5Y6XhV3avSq" />
</div>

    <table class="tableItem" width="98%" align="center" border="0" cellpadding="1" cellspacing="1">
        <tbody>
            <tr class="trItem">
                <td class="tdTitleItem" align="center" height="30px" width="100%" colspan="4">
                    基本信息
                </td>
            </tr>
            <tr class="trItem">
                <td class="tdLeftItem" align="right" height="35px" width="20%">
                    名称
                </td>
                <td class="tdRightItem" align="left" height="35px" width="30%">
                    编程帮手（SlowX）
                </td>
                <td class="tdLeftItem" align="right" height="35px" width="20%">
                    首页
                </td>
                <td class="tdRightItem" align="left" height="35px" width="30%">
                    <a href="http://www.slowx.net" target="_blank" style="text-decoration: none;">http://www.slowx.net</a>
                </td>
            </tr>
            <tr class="trItem">
                <td class="tdLeftItem" align="right" height="35px" width="20%">
                    创建时间
                </td>
                <td class="tdRightItem" align="left" height="35px" width="30%">
                    2015-12-06 21:53:24
                </td>
                <td class="tdLeftItem" align="right" height="35px" width="20%">
                    修改时间
                </td>
                <td class="tdRightItem" align="left" height="35px" width="30%">
                    2015-12-06 21:53:24
                </td>
            </tr>
        </tbody>
    </table>
    </form>
</body>
</html>


上一条：

下一条：


 

相关评论

评论加载中……
 

发表评论

类型：
内容：
  (Alt+Enter)
 
  ┈全部┈  
 
（显示全部分类）