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为它们定义各种各样的样式。