CSS中的按钮设计可谓是页面设计中非常重要的一环。不同的按钮设计可以有效地改变页面的风格和风格。在CSS中,按钮的设计主要是通过设置button标签的样式来实现的。接下来,我们来介绍一些常用的按钮设计
button { background-color: #CCCCCC; border: none; border-radius: 5px; color: #000000; cursor: pointer; font-size: 16px; padding: 5px 10px; }
button:hover { background-color: #555555; color: #FFFFFF; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
button:active { background-color: #CCCCCC; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25); color: #000000; }
button:disabled { background-color: #AAAAAA; color: #555555; cursor: not-allowed; }
粉丝
0
关注
0
收藏
0