html中button标签的样式如何设置

小编给大家分享一下html中button标签的样式如何设置，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

成都创新互联网站建设公司一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！ 以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！专注中小微企业官网定制，网站制作、成都做网站，塑造企业网络形象打造互联网企业效应。

                                                           本篇文章主要的介绍了关于HTML button标签的样式设置，还有关于HTML button标签的美化样式介绍，接下来就让我们一起来阅读本篇文章吧

首先我们先介绍HTML中的button标签的样式设置：

普通按钮设置：

把input元素的type属性设置为“button”，可以创建普通按钮。按钮上显示的文本是value属性的值，如果没有提供value属性，则只创建一个空按钮。如：

效果很明显，这是默认普通按钮的设置。

默认情况下，在普通按钮上点击，是没有任何反应的。因此，需要为普通按钮注册事件，并手动编写相应的处理函数。假如希望单击上述按钮时，提交表单，则要为按钮注册onClick 事件。如：

    立即购买

现在点击按钮，就会触发onClick事件，并调用事件处理函数submitForm(buy)，参数buy为待处理表单name属性的值。如果希望点击按钮后提交表单，就可以在事件处理函数中调用form对象的submit()方法：

function submitForm(f) {
    f.submit();  
}

这是一个默认情况的设置，现在我们来看看给html button标签设置样式：

给大家看一个完整的代码实例：

Button

这个的效果如图：

这个的效果是不是很明显，比默认的时候好看多了，等到我们学到js的时候，我们还能用js的技术把这默认的按钮设置的更加美观。

看完了这篇文章，相信你对html中button标签的样式如何设置有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

当前标题：html中button标签的样式如何设置
新闻来源：http://cdxtjz.com/article/ihdcgo.html