关于边框的问题
我想要在js中去改变边框，通过鼠标的经过来触发，但是不知道要用什么代码去改变边框的粗细和颜色啊！！！！急死了！！！ 现在就是美化的工作搞得纠结的要死！！
<script type="text/javascript">
window.onload=function(){
demo1();
}
function demo1(obj){
var x1=document.getElementById("fc");
var x2=document.getElementById("jj");
var x3=document.getElementById("ers");
x1.style.display="block";
x2.style.display="none";
x3.style.display="none";
}
function demo2(obj){
var x1=document.getElementById("fc");
var x2=document.getElementById("jj");
var x3=document.getElementById("ers");
x1.style.display="none";
x2.style.display="block";
x3.style.display="none";
}
function demo3(ojb){
var x1=document.getElementById("fc");
var x2=document.getElementById("jj");
var x3=document.getElementById("ers");
x1.style.display="none";
x2.style.display="none";
x3.style.display="block";
}
</script>
<style>
*{margin:0;padding:0;}
ul{ list-style:none;}
li{border:1px solid;float:left;font-family:"微软雅黑";margin-right:30px;}
div{width:250px;height:200px;margin:10px 10px;}
p{ clear:both;font-family:"微软雅黑";text-indent:2em;line-height:2em;border:1px solid #06F;border-top:3px solid #CC0}
a{text-decoration:none;display:block;width:50px;height:30px;}
</style>
</head>
<body>
<div>
<ul>
<li><a href="#" onmousemove="demo1(this)">房产</a></li>
<li><a href="#" onmousemove="demo2(this)">家居</a></li>
<li><a href="#" onmousemove="demo3(this)">二手房</a></li>
</ul>
<p id="fc"> 275万购昌平邻铁三居 总价20万买一居
200万内购五环三居 140万安家东三环
北京首现零首付楼盘 53万购东5环50平
京楼盘直降5000 中信府 公园楼王现房</p>
<p id="jj">40平出租屋大改造 美少女的混搭小窝
经典清新简欧爱家 90平老房焕发新生
新中式的酷色温情 66平撞色活泼家居
瓷砖就像选好老婆 卫生间烟道的设计</p>
<p id="ers">通州豪华3居260万 二环稀缺2居250w甩
西3环通透2居290万 130万2居限量抢购
黄城根小学学区仅260万 121平70万抛!
独家别墅280万 苏州桥2居优惠价248万</p>
</div>
</body>
</html>
