css+html简单的按钮特效

1 ,  可以使用 input 、button 或者a 标签做按钮。这里我使用a标签示例。

2 ,  首先我们用a标签创建一个按钮。Css样式(用内边距将a标签撑大,保证整个按钮都能点击):

效果如下,一个简单的按钮完成:


3 , 将a标签看成一个盒子,给他阴影效果,Css样式如下:


简单的效果,有一个阴影效果,造成凸出效果


4 ,通过悬停和点击切换a标签背景颜色和阴影颜色,做成点击下压效果。点击后效果:


你可能感兴趣的:(前端学习—html+css)