网页中的文字单击后如何出现下划线?

来源:百度知道 编辑:UC知道 时间:2024/06/04 01:11:42
网页中有一段文字,想要实现鼠标单击某一句文字时,该文字下面出现下划线,其他不变,请问如何实现?

哦,是这样啊朋友,你如果不喜欢代码的话可直接:单击DREAMWEAVER中的中下方的按钮页面属性--在“链接”那个菜单栏里面选择,下面的地方有个选项,你选择单击文本时出现下划线,建议不要使用CSS代码,等到其他需要修改的时候这样才比较简便一点~!!

语法:
Selector : active { sRules }
说明:
设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
在CSS1中此伪类仅可用于 a 对象。对于无 href 属性(特性)的 a 对象,此伪类不发生作用。
在CSS2中此伪类可以应用于任何对象。
并且 :active 可以和 :link 以及 :visited 状态同时发生。
示例:
a:active { font-size: 14pt; text-decoration: underline; color: blue; }

实例
<style>
a.demo{background:#F0EBD6;padding:8px;width:240px;text-decoration:none;color:#000000;}
a.demo:hover{background:#FFC080;color:#000000;}
a.demo:active{background:#CCCFFF;color:#000000;}
a.demo:visited{background:#FF3300;color:#000000;}
#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
</style>

<a class=demo href="none.html" onclick="return false;">With a hush upon the marsh , the