超链接-盒子模型

来源:互联网 发布:金山软件股票 编辑:程序博客网 时间:2024/05/23 01:57

学习心得:

1,超链接可以使用盒子模型来进行设置。其中有用到padding属性,若属性设置为padding:50px 12px 23px 33px,则设置的顺序  为    上、右、下、左。

2,若要实现如图的效果:

 

其原理是1,在a:link,a:visted 中设置右、下边框为实线,上、左边框为白色。在a:hover中实现右、下边框为白色,上、左边框为实线。同时使原来的背景颜色深一点,这样就实现如上的效果了。这样的原理也可以应用去其他的界面颜色。

 

 

 

 

总结,要通过现象看本质,本质了解了,可以以一应万。