先把原始代码拿出来摆到这里

<div style="position:absolute;width:350;height:40;left:200;top:500">

<embed src="音乐文件" width="350" height="40" autostart="true" quality="high" wmode="transparent"></embed>

</div>

现在我们利用CSS来美化此播放器代码

1款：

<DIV style="FILTER: alpha(opacity=80,style=2); LEFT: 0px; WIDTH:

300px; background-color:#000000;POSITION: relative; TOP: 0px; HEIGHT:

60px"><EMBED src=蝴蝶泉边.mp3 width=350 height=40

type=audio/x-pn-realaudio-plugin console="Clip1"

controls="IMAGEWINDOW,ControlPanel,StatusBar"

autostart="true"></EMBED></DIV>

2款：

<DIV style="FILTER: blur(strength=50) flipv() ; LEFT: 0px; WIDTH:

300px; POSITION: relative; TOP: 0px; HEIGHT:

60px"><EMBED src=蝴蝶泉边.mp3 width=350 height=40

type=audio/x-pn-realaudio-plugin console="Clip1"

controls="IMAGEWINDOW,ControlPanel,StatusBar"

autostart="false"></EMBED></DIV>

3款：

<DIV style="FILTER:invert(); LEFT: 0px; WIDTH:

300px; POSITION: relative; TOP: 0px; HEIGHT:

60px"><EMBED src=蝴蝶泉边.mp3 width=350 height=40

type=audio/x-pn-realaudio-plugin console="Clip1"

controls="IMAGEWINDOW,ControlPanel,StatusBar"

autostart="false"></EMBED></DIV>

4款：

<DIV style="FILTER: alpha(opacity=80,style=3); LEFT: 0px; WIDTH: 

350px; background-color:#880000;POSITION: relative; TOP: 0px; HEIGHT: 

40px"><EMBED src=蝴蝶泉边.mp3 width=350 height=40 

type=audio/x-pn-realaudio-plugin console="Clip1" 

controls="IMAGEWINDOW,ControlPanel,StatusBar" 

autostart="true"></EMBED></DIV>

5款：

<DIV style="FILTER:xray(); LEFT: 0px; WIDTH: 

350px; POSITION: relative; TOP: 0px; HEIGHT: 

40px"><EMBED style="FILTER: glow(color=red,strength=5);"  src=蝴蝶泉边.mp3 width=350 height=40 

type=audio/x-pn-realaudio-plugin console="Clip1" 

controls="IMAGEWINDOW,ControlPanel,StatusBar" 

autostart="false"></EMBED></DIV>