button的css属性

Button是用户交互中最常见的组件之一，它是一种能够触发特定操作的可视化元素。通过CSS属性，我们可以轻松地定制Button的外观和行为。下面是关于Button的CSS属性：

/* 外观相关 */
background-color: #444;  /* 设置背景色 */
color: #fff;             /* 设置字体颜色 */
border: none;            /* 去除边框 */
padding: 10px;           /* 设置内边距 */
border-radius: 5px;      /* 设置边框圆角 */
Box-shadow: 1px 1px 3px #666;  /* 添加阴影效果 */

/* 行为相关 */
cursor: pointer;         /* 鼠标悬停时变为手型 */
transition: color .2s ease-in-out,background-color .2s ease-in-out;  /* 添加过渡效果 */
outline: none;           /* 去除聚焦时的虚线边框 */

以上CSS属性可以帮助我们实现不同风格的Button，例如：设定背景颜色和字体颜色，定义圆角和阴影效果等。此外，还有一些行为相关的属性，如添加鼠标悬停时的手型，为Button提供过渡效果等。