用css怎么添加小图标

当前第2页 返回上一页

在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

在css标签内，通过class设置input文本框的样式，使用background属性设置input的背景图片为icon.jpg，即可完成小图标的添加，并使用padding-left属性设置左边距为20px，主要是用于让文本框的输入内容在小图标后面。

在浏览器打开test.html文件，查看实现的效果。

以上就是用css怎么添加小图标的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

css border-right-color属性怎么用

清除浮动和闭合浮动的介绍

css如何解决不同浏览器下文本兼容的问题

css column-span属性怎么用

css如何实现隐藏滚动条

html中表单的相关知识总结（代码实例）

css如何设置内边距

css如何去掉阴影

利用纯css实现动态的文字效果实例

background属性怎么用

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 用css怎么添加小图标