html 改a的边框颜色怎么做

我想做这个网站的“选择颜色”的连接效果,改怎么做??http://item.taobao.com/item.htm?id=4198220636#

我自己做了点,可是改变了背景图片就不能再设置边框的颜色了~真奇怪~还有这样以后a:hover效果也没了!
function selectColor(thisColor){
var colorlinks=document.getElementById("list").getElementsByTagName("a");
//alert(colorlinks.length);
for(var i=0;i<colorlinks.length;i++)
{
colorlinks[i].style.backgroundImage="url()";//设置背景为无
colorlinks[i].style.border="2px";
colorlinks[i].style.borderColor="#999999";//设置边框颜色
//alert(colorlinks[i].style.borderColor);
}
thisColor.style.border="2px";
thisColor.style.backgroundImage="url(bg.png)"; //设置选中的边框的背景
}

定义和用法
<a> 标签定义超链接,用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性,它指示链接的目标。
由于 border-style 的默认值是 none,如果没有声明样式,就相当于 border-style: none。因此,如果您希望边框出现,就必须声明一个边框样式。
a { border-style: solid;
border-color: #909090 ; }

颜色值可以选择其他色值表达方法。
温馨提示:内容为网友见解,仅供参考
第1个回答  2010-12-08
貌似是添加了点击事件,然后换了背景图片吧!本回答被提问者和网友采纳
第2个回答  2010-12-09
1.style 会覆盖css中样式的相同部分

thisColor.style.border="2px";

2.border 覆盖了你for循环中的设置
改为
thisColor.style.borderWidth="2px";

或者
thisColor.style.border="2px #999999 solid"
相似回答