按钮的定义参数下如:
.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;
}
}
.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
<tr>
<th width="80">
1
</th>
<td width="100">
2
</td>
<th width="80">
3
</th>
<td width="100">
4
<td width="100">
2
</td>
<th width="80">
3
</th>
<td width="100">
4
</td>
<th width="80">
5
<th width="80">
5
</th>
<td width="100">
6
<td width="100">
6
</td>
<td width="694">
7
</td>
</tr>
</table>
<td width="694">
7
</td>
</tr>
</table>