用css怎么添加小图标

当前第2页 返回上一页

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

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

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

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

返回前面的内容

相关阅读 >>

koala如何压缩css

css border-image-slice属性怎么用

css border-bottom-color属性怎么用？

css如何实现各种形状

谈谈css中的3种预处理器

css td文字不换行如何实现

css怎么写一个直角三角形

css是层叠什么表，可以使网页表现和内容分离？

css如何去掉图片边框

css如何实现元素不随滚动条滚动

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

书籍

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

￥83.86元   人民邮电出版社

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

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