CSS一些定义的内容

 

按钮的定义参数下如：

.button {
  color: #000000;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 12px;
  border: 3px double #cccccc;
  width: auto;
  background: #ffffff;
  padding: 1px 5px 1px 5px;
  line-height: 16px !important;
  line-height: 14px;
  height: 24px !important;
  height: 22px;
  margin: 1px;
  cursor: pointer;

}

链接的定义效果：

a{
display:block;
width: 6em;
padding: 0.2em;
line-height: 1.4;
background-color: #94b8e9;
border: 1px solid black;
color: #000;
text-decoration: none;
text-align: center;
}

会在原来定义的链接效果基础上，形成按钮效果！

 

 

表格的定义效果：

.qry {
 }
.qry th{
   background: #D3E7FC;
   font-size: 12px;
   text-align:center;
   vertical-align:middle;
   line-height: 23px;
   border: 1px solid #0066FF;
 }
.qry td{
  background: #FFFFCC;
   font-size: 12px;
   border: 1px solid #0066FF;
 }

 

<table width="100%" align="center" class="qry">
    <tr>
     <th width="80">
            1     

     </th>
     <td width="100">
           2
     </td>
     <th width="80">
          3
     </th>
     <td width="100">
        4     

     </td>
     <th width="80">
        5

     </th>
     <td width="100">
        6

     </td>
     <td width="694">
        7 
     </td>
    </tr>
 </table>