灰色按钮css |超链接的css样式

“`html

<button class=”灰色按钮”>点击偶</button>

“`css

.灰色按钮 {

background-color: #4CAF50;

color: white;

border: none;

padding: 10px 20px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

margin: 2px 2px;

cursor: pointer;

.灰色按钮：hover {

background-color: #45a049;

上述代码中，大家使用了 `background-color` 属性来设置按钮的背景颜色为灰色，并使用 `color` 属性来设置按钮的文本颜色为白色。使用 `border` 属性将按钮边框设置为 none，使按钮看起来更加完整。使用 `padding` 和 `text-align` 属性来设置按钮的边距和居中对齐。使用 `text-decoration` 属性来设置按钮的下划线。使用 `display` 属性将按钮设置为 inline-block，使其能够像其他元素一样排版。最后，使用 `font-size` 和 `margin` 属性来设置按钮的字体大小和边框间距。当按钮处于悬停状态时，背景颜色将更改为灰色。

通过使用 CSS，大家可以轻松地创建灰色按钮。无论您是用于导航、通知、还是其他应用程序，都可以使按钮更加突出，同时保持其功能。