css样式学习-按钮

利用css样式设置按钮





链接按钮



图片.png

使用 background-color 属性来设置按钮颜色





按钮颜色

图片.png

使用 font-size 属性来设置按钮大小





按钮大小

图片.png

:hover 选择器来修改鼠标悬停在按钮上的样式。

提示: 我们可以使用 transition-duration 属性来设置 "hover" 效果的速度





鼠标悬停按钮

图片.png

使用 box-shadow 属性来为按钮添加阴影





按钮阴影

图片.png

按钮动画 - "按压效果"








图片.png

你可能感兴趣的:(css样式学习-按钮)