如何动态改变span区域的样式？比如test当鼠标移上时没有变化

[saintKnight]

rt

[vjlin]

<style>
.Span1{
BORDER-RIGHT: 0px solid ;
BORDER-TOP: 0px solid ;
BORDER-LEFT: 0px solid ;
BORDER-BOTTOM: 0px solid ;
BORDER-COLOR: #FF9933 ;
}
.Span2{
BORDER-RIGHT: 1px solid ;
BORDER-TOP: 1px solid ;
BORDER-LEFT: 1px solid ;
BORDER-BOTTOM: 1px solid ;
BORDER-COLOR: #FF9933 ;
BACKGROUND-COLOR: #cccccc;
}
</style>
<span class="Span1" onmouseover="this.className='Span2'" onMouseOut="this.className=this.classtype">test</span>

[kingdomzhf]

up

[saintKnight]

好象边框颜色没有啊，只有背景颜色！

[saintKnight]

怎么让文本居中？垂直方向

[saintKnight]

up

[fason]

<span style="border:1 solid" onmouseover="this.runtimeStyle.borderBottomColor='FF0000'">test</span>