页面如何添加按钮以及按钮样式设置?

页面如何添加按钮以及按钮样式设置?,第1张

按照HTML标准,按钮的表示如下:

<input class="class1 class2" type="button" value="这是一个按肢册钮" style="">

1,在上面的代码中里面的style属性,把要修改的属性直接写到style里面,属性与值之间用冒号分割,多个属性间用分号分隔,如

style="width:100pxbackground-color:#123"

2,为元素应用样式类,即上面代码里面的class里面的内容,其中的每个值都代表一个已定义的样式类,多个样式类之间用空格隔和饥旦开,样式类一般定义在单独的样式文件中,比如下面图片中的内容是bootstrap.css里面的部分内容,其中以点开始的如container就是样式类了。

3,对于前端开发而言,目前有许多比较流行的开源框架,里面都预定义了一些常用的样式,比如你说唤扰的按钮,在bootstrap中,通过简单的使用class="btn btn-default"就可以将任意元素表现成一个按钮的样子

用a标伍基键签模拟按钮即可。如:

html:

<a href="你要跳转页锋握面的url"腔巧 class="btn_a">按钮</a>

CSS:

.btn_a{width:100pxheight:30pxline-height:30pxcolor:#fffbackground-color:#d0af61display:block}

这则带个要带盯拦使用JQuery,在你自己的按钮上绑定一个事件,然后获取保存按钮的JQuery对象,在你自己的按蠢胡钮上加这个事件

custom_button_click()

{

$("#saveButton").trigger()

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11996282.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存