html中超细表专业格线的设置_极品

<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <style type="text/css">
        body{font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;}
        a {text-decoration: none;
           color:blue;
        }
        .auto-style1 {
            width: 100%;
        }
        .auto-style4 {
            height: 37px;
        }
        .grid {
    font: 8pt;
  padding-left:1px;
}
.grid td,.grid th
{   
    padding-left:1px;
   
}

  .table {
            border:none;
            border-collapse: collapse;
        }

        .table thead tr th,
        .table tbody tr td {
            
            
            color: #333;
            border: 1px solid #ddd;
            border-collapse: collapse;
            background-color: #fff;
        }

    </style>
</head>
<table  class="table" border="0" style="border-width: 0.1px; border-color: #808000; width:100%;" cellpadding="0" cellspacing="0" >
                                                                                        <tr style="height:15px">
。。。。。这样在各大网站布局出现的专业表格线,自己也做出来了。

或者: <table align="center" style="border-color: #808000; width:100%;color: #333;border-collapse: collapse;background-color: #fff;border: 0.1px solid #ddd;">

 

渝公网安备 50011902000225号

渝ICP备18008233号-1