CSS样式。怎么让按下后的样式刷新后还不变动

html-css06

CSS样式。怎么让按下后的样式刷新后还不变动,第1张

那就把按下后的样式和按下之前的样式设置一样就可以了

a:link,a:viseted{ //当鼠标按下之前和按下之后的样式是相同的，所以刷新后也是一样的

fontsize:14px //字体大小为14px

color:#ff0000 //字体颜色为红色

text-decoration:none //没有下划线

}

a:hover{ //鼠标经过的时候

color:#00ff00 //颜色为蓝色

fontsize:15px//字体大小为15px

text-decoration:underline //有下划线

}

点击用JS实现：

<script>

function disp_alert()

{

alert("我是警告框！！")

}

</script>

<a href="#" onclick="disp_alert()">点击</a>

按下 a:active{color:#f00}

经过：a:hover{color:#000}

不过一般都有顺序的 link,visited,hover,active一般是这样的顺序

用<a href="****"></a>标签的hover伪类可以实现，注意IE下的兼容问题，要求href必须有效。

如<a class='hover-red' href="http://www.baidu.com">baidu</a>

css这样写:

a.hover-red:hover{color:red}