当前位置 : 主页 > 网页制作 > html >

html怎么给button设置图片

来源:互联网 收集:自由互联 发布时间:2021-08-11
html给button设置图片的方法:首先创建一个新的HTML文件;然后创建button标签;最后通过“style=background: url(small2.png);”给button设置图片即可。 本文操作环境:windows7系统、HTML5CSS3版,DEL

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设置图片的详细内容,更多请关注自由互联其它相关文章!

网友评论