CSS范例

分别是上下有杠的标题。有边框的button，焦点切换是背景和字体颜色发生相应变化。

.title370  {...} {    
    text-decoration: none;    
    font-family: Verdana, Arial, Helvetica, sans-serif;    
    font-size: 10px;    
    font-weight: bold;    
    color: #333333;    
    background-color: #FFFFFF;    
    position:relative;    
    float: left;    
    height: 13px;    
    width: 370px;    
    margin: 0px 0px 5px 0px;    
    padding: 1px 0px 1px 0px;
    border-top: 1px solid #999999;    
    border-bottom: 1px solid #CCCCCC; }

.button1
{...} {     width: 110px; height: 11px;
    position: relative; 
    font-family: Verdana, Arial, Helvetica, sans-serif;    
    font-size: 10px;    
    color: #333333;    
    border: 1px solid #CCCCCC;    
    background-color: #FFFFFF;        
    text-align:center;    
    margin-left:2px;    
    padding:2px 35px 3px 35px;    
    overflow:visible;    
    float:left;
}
a.button0:hover,a.button1:hover,a.button2:hover  {...} { background-color:#DFEAFF; color:#333333; text-decoration: none;    }
#Layer4          {...} {    float:left;    width: 370px;  position: relative;     margin:  0px 0px 20px 0px;     overflow:visible;   vertical-align: top;}
#topbutton  {...} { position: absolute;  left:585px;    top:6px;     margin:0px 0px 0px 0px; overflow: visible;    }

<div id="topbutton"><a href="a"class="button0">link<a></div>
<div id="Layer4"><span class="title370">title</span></div>

 

         < style > ...
.Freezing
   {...}{
   
   position:relative ;
   table-layout:fixed;
   top:expression(this.offsetParent.scrollTop);  
   z-index: 10;
   }

.Freezing th{...}{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px;}
</ style >

浮动在最下方

.bottom{
    position:fixed; 

bottom:0;   
}
  #bottom{
          _position: absolute; /* position fixed for IE6 */
          _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-500);
        }

半透明

.transparence{ opacity:0.93; filter:alpha(opacity:93); -moz-opacity:0.93; -khtml-opacity:0.93; position:absolute; background-color:white;  z-index:999; }