项目积累——CSS应用

<tr onmouseover=" this.style.backgroundColor= '#E0FFFF' "  onmouseout="this.style.backgroundColor=''">

visibility属性设置标签的可见性

背景图的位置及其平铺：

background:#313131 url(../images/header-bg.jpg) repeat-x top left;

background-image: url(../graphics/bg2.jpg);

@import url("menu.css");//在样式表中导入其他样式文件

LEFT: expression(document.getElementById("tbl-container").scrollLeft);

background-color: transparent;

list-style-image: url("../images/error.gif");

    list-style-position: outside;

//对页面滚动条的设置

body {

    scrollbar-base-color: color;

    scrollbar-track-color: #EEEEFF;

    scrollbar-face-color: #CCCCDC;

    scrollbar-highlight-color: #FFFFFF;

    scrollbar-3dlight-color: #CCCCDC;

    scrollbar-darkshadow-color: #999999;

    scrollbar-shadow-color: #999999;

    scrollbar-arrow-color: #9999CC;

    background-color: #bdcad3;

    overflow-y: hidden;

}

.logo {

    background-image: url("images/login.jpg");

    background-attachment: scroll;

    background-position: center center;

    background-repeat: no-repeat;}

body {

    font: 9pt/ 14pt 宋体, MS Song;

    color: #626262;

    background-color: white;

    background-repeat: repeat;

    background-attachment: fixed;

    borderlight-color: #ffffff;

    scrollbar-darkShadow-color: #ACACAC;

    scrollbar-3d-light-color: #8E8E8E;

    scrollbar-arrow-color: #4D779D;

    scrollbar-base-color: #E2F3FA;

    scrollbar-face-color: #EBF3F8;

    scrollbar-highlight-color: #DDE0E1;

    scrollbar-shadow-color: #F2FAFB;

    scrollbar-track-color: #EBEFF1;

}

border-collapse：设置表格的边框是否被合并为一个单一的边框，还是像在标准的

//将颜色设置为和背景色相同，即无背景色

style="border: none; background:#;" />

//设置查询条件的字体颜色

<th class="regionhead" colspan="6" style="color: #003399;">

查询条件 </th>

//避免使用<a>标签产生的问题

<td style="text-align: center;" class="line" nowrap="nowrap">

                                   <span style="color: blue;"

                                       onclick="updateHkxx('<bean:write name="po" property="hkLsh" />'

);"

onmouseover="this.style.cursor='hand',this.style.color='red'"

onmouseout="this.style.color='blue';">修改</span> &nbsp;&nbsp;&nbsp;

<span style="color: blue;" onclick="deleteHkxx('<bean:write name="po"

property="hkLsh" />');" onmouseover="this.style.cursor='hand',this.style.color='red'"

onmouseout="this.style.color='blue';">删除</span>

</td>

//设置文本框无边框且背景色和样式相同

<common:text name="hkxxglForm" property="hkxxglPO.hkrName"

                  styleId="hkrName" label="还款人" readonly="true" empty="false"

                  validator="text(2,10)"

                  style="border:0px;" />

 

产生bean:write 输出内容类似的样式：

style="border:0px;background:#;font-size:12px;text-align:left;color:#003399;"

regionhead 的颜色 #15428b