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样式里面同时使用:

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

 注意: -moz-opacity: 0.9; 前面的 - 不能缺少。
html+css的一些技巧.收集中... 

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

你可能感兴趣的:(html)