前些天同事问我怎么用css设置超链接的样式,在我看来有三种方法供参考:
一、在dreamweaver软件中选择:修改>页面属性(ctal+j)>链接,设置链接样式字体,大小,这些都比较全面,但是有一点你运用这个样式是定义的整个页面的样式,如果想在同一页面中显示不同的链接属性,这种方法就显得笨拙了,以下两种方法就人性化一点;
二、在css样式中设置类属性,接触过前面一种方法的都知道在设置第一种方法后,会出现a:link(未被访问的样式);a:visited(链接访问过后的样式);a:hover(鼠标悬停时的样式);a:active(鼠标点击与释放后的样式)的标签属性,一般情况下a:active是不需要设置的.我们可以为我们将要设置的链接定义一个类(如:)然后再来设置这个类的样式如下
.aa a:link{} .aa a:visited{} .aa a:hover{}
在括号中是你将要设置的属性;这样就可以在你的链接中出现你所定义的样式了;
三、这个第三种其实和第二种是差不多的,只不是要定义一个id(如:)在设置时略有不同,要将.点换成#号;
#aa a:link{} #aa a:visited{} #aa a:hover{}
想要设置就这么简单,呵呵,第一次写也算是教程吧,不足之处还请包涵。
一、在dreamweaver软件中选择:修改>页面属性(ctal+j)>链接,设置链接样式字体,大小,这些都比较全面,但是有一点你运用这个样式是定义的整个页面的样式,如果想在同一页面中显示不同的链接属性,这种方法就显得笨拙了,以下两种方法就人性化一点;
二、在css样式中设置类属性,接触过前面一种方法的都知道在设置第一种方法后,会出现a:link(未被访问的样式);a:visited(链接访问过后的样式);a:hover(鼠标悬停时的样式);a:active(鼠标点击与释放后的样式)的标签属性,一般情况下a:active是不需要设置的.我们可以为我们将要设置的链接定义一个类(如:)然后再来设置这个类的样式如下
.aa a:link{} .aa a:visited{} .aa a:hover{}
在括号中是你将要设置的属性;这样就可以在你的链接中出现你所定义的样式了;
三、这个第三种其实和第二种是差不多的,只不是要定义一个id(如:)在设置时略有不同,要将.点换成#号;
#aa a:link{} #aa a:visited{} #aa a:hover{}
想要设置就这么简单,呵呵,第一次写也算是教程吧,不足之处还请包涵。