您的位置:首页 > 技术中心 > 前端框架 >

html怎么给button设置图片

时间:2022-02-11 16:29

html给button设置图片的方法:首先创建一个新的HTML文件;然后创建<button>标签;最后通过“style="background: url(small2.png);”给button设置图片即可。

本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑

1、首先,打开HTML编辑器并创建一个新的HTML文件,比如index。html,写出的基本问题代码。

bd061f941b17e1e5e734256f16cfcc1.png

2、 在<button>标签的索引。style="background: url(small2.png);宽度:150 px;高度:60px "。

864017bcb902a7c60907e42649c1cec.png

3、当浏览器运行索引时。HTML页面中,按钮成功添加了图像。

ff5dcb7586641f97b18daae89af4dc1.png

推荐学习:《HTML视频教程》

以上就是html怎么给button设置图片的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游