html+css3自定义button样式

原生的按钮有点丑，为此需要改装一下样式，达到适应页面或者美化的作用。

下面的连接是用input做按钮和button做按钮的区别，有兴趣的可以看看。

		.btn {
	

		    background-image:url("button/btnbg.png");
	

		    border: none;
	

		    color: white;
	

		    font-family:Arial;
	

		    padding: 10px 24px;
	

		    text-align: center;
	

		    text-decoration: none;
	

		    display: inline-block;
	

		    font-size: 18px;
	

		    margin: 4px 2px;
	

		    cursor: pointer;
	

}

这里的样式也不是很复杂，就是圆角、去掉原来的边框、做效果过度等。

标签

评论（0条）