zoukankan      html  css  js  c++  java
  • 设表格细钱

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TableThinLine.aspx.cs" Inherits="TSTAWebPrint.TableThinLine" %>

    <!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 runat="server">
        
    <title>无标题页</title>
        
    <style type="text/css">
        #tb1
    { width:100%; border-left:#000000 solid 1px;border-top:#000000 solid 1px;border-collapse:collapse;} 
        #tb1 td
    {width:25%;border-right:#000000 solid 1px;border-bottom:#000000 solid 1px;padding:1px 1px 1px;}
        
    </style>
        
    <script language="Javascript" type="text/javascript">
        
    function setTableSolid(tableId,borderColor)
        
    {
            
    var tb=document.getElementById(tableId);
            tb.style.borderLeft
    =borderColor+" solid 1px";    
            tb.style.borderTop
    =borderColor+" solid 1px";   
            tb.style.borderCollapse
    ="collapse"
             
    var trs=tb.rows.length;
             
    for(var i=0;i<trs;i++)
             
    {
                
    var tds=tb.rows[i].cells.length;
                
    for(var j=0;j<tds;j++)
                
    {
                  
    var td=tb.rows[i].cells[j];
                      td.style.borderRight
    =borderColor+" solid 1px";   
                      td.style.borderBottom
    =borderColor+" solid 1px";
                      td.style.padding
    ="1px 1px 1px";      
                }
                
             }

        }

        
    </script>
    </head>
    <body onload="setTableSolid('tb','#17e1ff')">
        
    <form id="form1" runat="server">
        
    <div>
            
    <table id="tb">
                
    <tr>
                    
    <td style=" 100px">
                        AA
    </td>
                    
    <td style=" 100px">
                        BB
    </td>
                    
    <td style=" 100px">
                        CC
    </td>
                
    </tr>
                
    <tr>
                    
    <td style=" 100px; height: 21px">
                        DD
    </td>
                    
    <td style=" 100px; height: 21px">
                        EE
    </td>
                    
    <td style=" 100px; height: 21px">
                        FF
    </td>
                
    </tr>
                
    <tr>
                    
    <td style=" 100px; height: 21px;">
                        GG
    </td>
                    
    <td style=" 100px; height: 21px;">
                        JJ
    </td>
                    
    <td style=" 100px; height: 21px;">
                        HH
    </td>
                
    </tr>
            
    </table>
            
    <br />
            
    <br />
            
    <br />
            
    <br />
            
    <br />
            
    <table id="tb1">
                
    <tr>
                    
    <td style=" 100px; height: 21px">
                        1
    </td>
                    
    <td style=" 100px; height: 21px">
                        2
    </td>
                    
    <td style=" 100px; height: 21px">
                        3
    </td>
                
    </tr>
                
    <tr>
                    
    <td style=" 100px; height: 21px">
                        4
    </td>
                    
    <td style=" 100px; height: 21px">
                        5
    </td>
                    
    <td style=" 100px; height: 21px">
                        6
    </td>
                
    </tr>
                
    <tr>
                    
    <td style=" 100px">
                        7
    </td>
                    
    <td style=" 100px">
                        8
    </td>
                    
    <td style=" 100px">
                        9
    </td>
                
    </tr>
                
    <tr>
                    
    <td style=" 100px">
                        10
    </td>
                    
    <td style=" 100px">
                        11
    </td>
                    
    <td style=" 100px">
                        12
    </td>
                
    </tr>
            
    </table>
        
        
    </div>
        
    </form>
    </body>
    </html>
  • 相关阅读:
    H5C3--transform实现任何元素居中对齐
    H5C3--过渡transition
    H5C3--background中cover,背景样式,提升响应区域+精灵图的使用
    SpringBoot之spring.factories
    浅谈常用数据结构
    浅谈常用排序
    JAVA性能优化总结
    ORACLE10G非归档模式下RMAN异机迁库
    ORACLE10G非归档模式下异机迁库(文件迁移)
    HNOI 米特运输
  • 原文地址:https://www.cnblogs.com/jacklong/p/1229084.html
Copyright © 2011-2022 走看看