开发时常用到的页面Css样式

//画表格

.table1

{
    border-collapse: collapse;
    border: none;
}
.table1 td
{
    border: solid #CDE3FB 1px;
    padding-left: 5px;
    text-align: left;
    height: 32px;
    width: 16%;
}
.table1 th
{
    border: solid #CDE3FB 1px;
    padding-right: 5px;
    text-align: right;
    height: 32px;
    width: 10%;
    background-color: #FAF6EF;
    font-weight: 500;

}

//设置文本框颜色

.cssTextBox
{
    border-width: 1px;
    border-style: solid;
    border-color: #C1D1D5;
    height: 19px;
}

//设置按钮的背景图片

.button1
{
    background: url(/images/bton.png) no-repeat scroll 0 0 transparent;
    color: #414141;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 56px;
    border-width: 0px;
    color: #333333;
    font-size:12px;
    font-weight:500;
}

//a 标签的设置

a {font-size:16px}

a:link {color: blue; text-decoration:none;} //未访问：蓝色、无下划线

a:active:{color: red; } //激活：红色

a:visited {color:purple;text-decoration:none;} //已访问：purple、无下划线

a:hover {color: red; text-decoration:underline;} //鼠标移近：红色、下划线

画虚线

.line {
border-top: 1px dashed #CCCCCC;
}