CSS里的a:active 是干什么用的,请举例说明

html-css0286

CSS里的a:active 是干什么用的,请举例说明,第1张

定义链接在鼠标被激活(点下去)时候的样式。操作方法如下:

1、新建一个html文件,命名为test.html,a标签四个不同的伪类,有不同的效果。

2、利用a标签伪类改变字体的颜色。下面代码实现了a标签的默认颜色为红色,点击链接过后,颜色变为绿色,当鼠标放在连接上显示粉红色。

3、利用a标签伪类改变字体的大小。下面代码实现了a标签的默认大小为20px,点击链接过后,大小变为40px。

4、利用a标签伪类改变链接的背景颜色。下面代码实现了a标签的默认背景颜色为红色,点击链接过后,背景颜色变为绿色。

5、利用a标签伪类改变链接的字体。下面代码实现了a标签的默认字体为Monospace,点击链接过后,字体变为Arial。

6、最后利用a标签伪类去掉连接默认的下划线。下面代码实现了a标签在任何状态下都没有下划线。

1、新建一个html页面。

2、在html代码页面找到<body>标签,在<body>标签里创建一个<p>标签,然后输入显示的内容并添加一个class类为 class="cont"。

3、找到<title>标签,在这个标签下面创建一个<style>标签,在<style>标签里设置class为cont的样式内容超出后为隐藏<style>.cont{overflow: hidden/*内容超出后隐藏*/}</style>。

4、为cont类添加内容显示为一行:white-space: nowrap,内容超出后显示为省略号:text-overflow: ellipsis。

5、保存好代码后使用浏览器查看效果。

怎么一个节日过的把百度过穷了、??回答问题的人少了。

a:link是连接

后面的为活动连接

连接访问

和访问过的,当用到这条时,你可直接调用style里的这个连接属性:比如

.shopu{

A:link

A:visited

A:active

A:hover}

你只需要在连接字的font

属性里加上这样一句就行了:

首页

就可以实现你定的连接样试了其它的还多,如果你想学,看看书,和用dw做一个,很快的。给你一个例字:

body,td,th

{

font-size:

12px

}

a

{

font-size:

12px

}

a:link

{

text-decoration:

none

}

a:visited

{

text-decoration:

none

}

a:hover

{

text-decoration:

none

}

a:active

{

text-decoration:

none

}

.STYLE1

{color:

#003366}

body

{

margin-left:

0px

margin-top:

1px

margin-right:

0px

margin-bottom:

0px

}

我的例字

这样就有效果了