<html>
<head>
<title>控制A标签中的链接文字</title>
<style
type="text/css">
.color{color:#3399CC
text-decoration:nonefont-weight:bold}/*链接设置*/
.color:visited{color:#3399CC
text-decoration:nonefont-weight:bold}/*访问过的链接设置*/
.color:hover{color:#CF0000
text-decoration:underlinefont-weight:bold}/*鼠标放上的链接设置*/
/*
取消下划线只要把text-decoration:underline修改成text-decoration:none
文字加粗font-weight:bold
如不需要加粗显示,那么删除font-weight:bold就可以了
其它更多的参数设置参考:css2.0手册
其中的"伪类"说明
*/
</style>
</head>
<body>
<a
href="#"
class="color">控制A标签内的文字颜色,并且带下划线</a><!--
class="color"
是调用定义的.color
样式-->
</body>
</html>
1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用textarea标签创建一个文本域,用于测试。
3、在test.html文件内,设置textarea标签的id为mycc。
4、在test.html文件内,创建一个按钮,给按钮绑定onclick事件,当按钮被点击时,执行editColor函数。
5、在js标签内,创建editColor函数,通过id获得textarea对象,使用css()方法设置color属性为red,即设置textarea字体颜色为红色。
6、在浏览器打开test.html文件,点击按钮,查看实现的效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)