Css样式

css控制普通样式

body {...}{
}
.lab
{...}{
 font-weight: bold;
 font-size: 20px;
 background-color: #ccffff;
 text-decoration: underline line-through;
}
.txt
{...}{
 font-size: 9px;
 margin: 1px;
 width: 100px;
 height: 11px;
}
.button
{...}{
 font-weight: bold;
 font-size: 14px;
 width: 100px;
 height: 20px;
}

 

css数据控件样式

 

body {...}{
}
.GridView
{...}{
    font-weight: bold;
    font-size: 14px;
    margin: 12px 12px 11px 11px;
    text-transform: capitalize;
    color: #ff0000;
    font-style: italic;
    text-decoration: underline;
    border-right: #000000 thick double;
    border-top: #000000 thick double;
    border-left: #000000 thick double;
    border-bottom: #000000 thick double;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
}

定义全局超级连接外观

body {...}{
}
a:active
{...}{
    font-weight:bold;
    }

例二：

body {...}{
}
A:hover
{...}{
    font-weight: bold;/**//*鼠标动作为粗体字*/
    text-decoration: none; /**//*单击按钮是否有下划线*/
    color: #cc33ff; /**//*鼠标动作的字体颜色*/
    position: relative;/**//*控件是否有动作*/
    left: 1px;/**//*向左移动1px*/
    top: 1px; /**//*向下移动1px*/
    cursor: url( 'images/2.ani' ) /**//*鼠标样式路径*/;
}

页面整体风格

body
{...}{
    font-weight: bold;
    font-size: 14px;
    color: #ff0000;
    font-family: 楷体_GB2312;
}

 

 

滚动条风格

Body{...}{
 scrollbar-tace-color:#ff0000;
 scrollbar-highlight-color:#fffff0;/**//*条低颜色*/
 scrollbar-shadow-color:#cd5c5c;/**//*阴影颜色*/
 scrollbar-3Dlight-color:#ff0000;/**//*左上侧边框颜色*/
 scrollbar-arrow-color:#ff0000;/**//*上下标识三角星颜色*/
 scrollbar-track-olor:#f0fff0;
 scrollbar-darkshadow-color:#ff0000;/**//*右下侧边框颜色*/
 scrollbar-base-color:#f5f5dc;/**//*滚动条颜色*/
}