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
评论区