定义链接在鼠标被激活(点下去)时候的样式。操作方法如下:
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
}
我的例字
这样就有效果了