:active:定义点击链接时的样式。 通过上面的四个伪类选择器,您可以像给普通文本定义样式那样,为链接定义任何想要的 CSS 样式,例如颜色、字体、背景、边框等。 注意:在定义四个伪类选择器时需要按照一定的顺序,一般情况下:hover必须位于:link和:visited之后,:active必须位于:hover之后。 在Chrome、Firefox、Safari 等主...
这句话的意思是“设置a标签的文本修饰为none,就是没有样式”效果图如下:3 给a标签添加上伪类,代码如下:<html><head><style type="text/css">a { text-decoration:none;}a:link { color: red;}a:visited { color: green;}a:hover { color: blue;}a:active { color: yellow;}</style></head><...
a:hover { color: blue;} 这是设置当鼠标放到标签a的上方的时候,应用的样式,这里设置字体为蓝色;当鼠标移走,就又恢复了本来的样式。 6, 单击一下超链接,看看效果 此时可以看到,超链接字体变为了黄色。 a:active { color: yellow;} 这个就是设置当单击(也就是激活)a标签时,超链接的样式。这里设置字体黄色。
a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 实例 a:link{color:#000000;}/*未访问链接*/a:visited{color:#00FF00;}/*已访问链接*/a:hover{color:#FF00FF;}/*鼠标移动到链接上*/a:active{color:#0000FF;}...
active ['æktiv] 活动的,激活的,<a>标记的一个伪类 align [ə'lain] 对齐 alpha ['ælfə] 透明度,半透明 anchor ['æŋkə] 锚记<a>标记是这个单词的缩写 arrow ['ærəu] 箭头 auto ['ɔ:təu] 自动的 B background ['bækgraund] 背景 banner ['bænə] 网幅广...
:link“链接”:超链接点击之前 :visited“访问过的”:链接被访问过之后 :hover“悬停”:鼠标放到标签上的时候 :active“激活”: 鼠标点击标签,但是不松手时。 对应的代码如下: <styletype="text/css">/*让超链接点击之前是红色*/a:link{color:red;}/*让超链接点击之后是绿色*/a:visited{color:orange;}/...
定义链接在鼠标被激活(点下去)时候的样式。操作方法如下:1、新建一个html文件,命名为test.html,a标签四个不同的伪类,有不同的效果。2、利用a标签伪类改变字体的颜色。下面代码实现了a标签的默认颜色为红色,点击链接过后,颜色变为绿色,当鼠标放在连接上显示粉红色。3、利用a标签伪类改变字体的...
CSS :active 选择器完整CSS选择器参考手册实例 选择激活的链接样式: a:active { background-color:yellow; } 尝试一下 » 定义和用法:active向活动的链接添加特殊的样式。当你点击一个链接时它变成活动链接。提示: :link 选择器设置了未访问过的页面链接样式, :visited 选择器设置访问过的页面链接的样式, ...
首先:a:link 和a:visited 并非全是常规状态, a:hover 和a:active 也并非全是鼠标经过时的状态 a:link:超链接未被点击时 a:hover :鼠标移上超链接时 a:active:超链接被点击时 a:visited :超链接被点击后 直接写a可能就等同于你说的常规状态,它是包含指所有的a标签,包括链接与锚点(希望...
a:link{color:#F00;}/* 未被访问的链接 */a:visited{color:#00FF00;}/* 已被访问的链接 */a:hover{color:#FF00FF;}/* 鼠标指针移动到链接上 */a:active{color:#ff7300;}/* 正在被点击的链接 */ 在浏览器中的演示效果: 上面讲到的四种超链接伪类,在设置样式时对顺序有没有要求呢?当然有啦,在...