CSS样式按钮点击的样式,按钮被点击时的样式

前言

	按钮点击时的样式,一般都是自定义按钮,修改的是按钮被触发时的样式

看代码

<div class="btn">这是按钮</div>

<style>
	.btn{ // 按钮无操作时的样式
		width: 200px;
		height: 50px;
		color: white;
		line-height: 50px;
		text-align: center;
		background: #3286E1;
		border-radius: 2px;
	}
	.btn:active{ // 按钮被点击时的样式
		background: #3286E1;
	}
</style>
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐