淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中的button标签是一种非常常用的标签,它用于创建网页中的按钮。

<button>点击我</button>

当我们使用这个标签时,按钮的样式会自动应用,但是它的样式会随着浏览器而有所不同。为了让网页上的按钮保持一致,我们可以使用CSS为它们定义样式。

button {
background-color: #007bff;
color: #fff;
font-size: 16px;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}

这些样式将会使按钮有一个蓝色的背景,白色的文字,16像素的字体大小,10像素的上下边距和20像素的左右边距,无边框,圆角为5像素,并且当鼠标悬停在按钮上时,指针会变为手型。

如果我们想为鼠标悬停在按钮上时的状态添加不同的样式,可以使用:hover伪类。

button:hover {
background-color: #0069d9;
}

这会使按钮的背景颜色变为更深的蓝色。

总的来说,button标签是非常有用的,它可以让我们更轻松地为网页添加可点击的元素,并且可以通过CSS为它们定义各种各样的样式。