html+css的一些技巧.收集中…

有陰影的字型:
test <font style="filter: glow color=Green,strength=1; height:10px; color:white; padding:1px">test</font>

test

1 <table cellSpacing="0" cellPadding="0" border="0" style="FILTER: shadow(color=#333333,direction=120,
2       enabled=1, strength=5) glow(color=#2B446F,enabled=1,strength=1); COLOR: white; TEXT-ALIGN: left"> 
3        <tr>
4              <td>test </td>
5      </tr> 
6  </table>

要讓頁面在firefox和IE中都能透明，只要在CSS樣式裡面同時使用：

1FILTER: alpha(opacity=90); 
2-moz-opacity: 0.9;

 

注意: -moz-opacity: 0.9; 前面的 - 不能缺少。
  1<a href="#" board="0">
2  <img onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100" 
3       style="filter: alpha(opacity=50); width:113px; height:142px; moz-opacity:0.5; mozopacity:0.5" 
4       onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"
5    height="142" src="pic.jpg" width="113" border="0" />
6</a>

在FireFox中顯示背景色圓角

FireFox顯示背景色圓角

1 <dl>
2   <dd>
3     FireFox顯示背景色圓角
4   </dd>
5 </dl>

再加上這段樣式

dl {
    background: #87CEEB;
    color: Blue;
    padding: .5em;
    -moz-border-radius: 7px;
}
dl dd {
    margin: 0 0 0 1em;
    padding: 0.3em;
    -moz-border-radius: 7px;
}
dl dd:hover {
    background-color: #ccc;
}