超链接样式学习-css学习

Q 链接一共有四个状态,分别为,“未点击时”、“已访问过的超链接颜色”、“鼠标移动到超链接上时”、“鼠标点击超链接时”
1、未点击超链接应该书写为:a:link{color:#xxxxxx;}
2、已访问过的超链接样式书写为 :a:visitde{color:#xxxxxx;}
3、鼠标移动到超链接上时:a:hover{color:#xxxxxx;}
4、鼠标点击时超链接样式:a:active{color:#xxxxxx;}

超链接样式学习案例

超链接样式学习案例
未点击超链接样式

超链接样式注意点

1、"a:hover"属性一定要写在"a:link""a:visitde"属性后
2、"a:active"属性一定要写在"a:hover"之后否则可能样式不显示

超链接样式之鼠标指针样式

鼠标指针想来大家都不陌生,而网页上的超链接也一个为它设置鼠标指针样式,通常这个属性设置在"a:hover"上,下面我们简单的说一下超链接样式中的鼠标指针样式
超链接鼠标指针样式用"cursor"属性来控制
常见的超链接鼠标样式有defaultpointerwaithelptextcrosshair(鼠标移动到个属性值上查看效果)
超链接鼠标样式对照表

超链接样式学习心得

当然超链接的样式不单单只有这些,你同样可以给你的超链接增加背景图、背景色、边框、字体大小、等样式,可以多多联系,熟练的掌握超链接样式,丰富自己的网站样式。