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

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;
}

有阴影的字体:
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;
}