Web前端开发学习8——CSS样式(背景、超链接样式)
本节课需要建立的文件夹如图所示:
一:背景图片插入的实现
完整代码如图所示:
显示如下:
二:超链接不同效果的实现
完整代码如图所示:
显示如下:分别为a:link-普通的、未被访问的链接
a:visited-用户已经访问的链接
a:hover-鼠标指针位于链接上方悬停
(a:active-链接被点击的时刻,未贴图)
注意:在 a:hover中定义font-size的大小,可以实现字体变大变小的简易动画效果
结束!
学习内容来源于中国大学MOOC——Web前端开发(3-5)
如有错误,请指正!