Button按钮样式合集
各种状态的背景变色、边框样式还有圆角细节的组合,Button.rar
里的按钮样式真挺全。你要是做个后台、网站主页或者移动端界面,这包资源就顺手。
动态背景色挺吸睛,像:hover
、:active
这些伪类,用background-color
和transition
就能搞定,响应也快。
文字颜色跟背景颜色搭配得好,不仅好看还清晰。常用color
属性状态切换,像:hover
换个浅色就显眼。
圆角按钮看起来更现代,用border-radius
几行 CSS 就搞定。调个4px
或者直接写个50%
也可以做成圆形按钮。
边框搞得细一点能显精致,用border
加上solid
或dashed
试试看,挺多风格随你配。
半透明和透明按钮在叠图背景上挺实用,opacity: 0.5
配合background-color: transparent
就够了,视觉上更干净。
你还可以玩玩颜色渐变,用linear-gradient
调出多种层次感,比如从#4CAF50
到#2E7D32
,按钮一下就高端了。
imagebutton适合放些图标,像img
配button
标签,或者直接用background-image
来换图,做个图文并茂的按钮不难。
如果你正好需要一批可自定义又美观的按钮样式,不妨把Button.rar
解压瞧瞧,适配性挺强,CSS 基础扎实点,用起来就更顺了。
138.02KB
文件大小:
评论区