用css怎么添加小图标


本文摘自PHP中文网,作者藏色散人,侵删。

用css添加小图标的方法:首先使用input标签创建一个文本框;然后在css中使用background属性设置input的背景图片为“icon.jpg”;最后完成小图标的添加即可。

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

新建一个html文件,命名为test.html,用于讲解html中怎样在文本框中添加小图标。

ccb1caddc7cceedf75307515eb6d03e.png

在test.html文件内,使用input标签创建一个文本框,用于测试。

38c577a1a6dcd4ab48d0c890d06bb1c.png

在test.html文件内,设置input标签的class为myser,用于下面设置样式。

推荐:《css视频教程》

959ffd303602692bf5527b8cd3ce3c1.png

阅读剩余部分

相关阅读 >>

dreamweaver网页怎么创建css样式的复合声明?_dreamweaver教程_网页制作

css和xsl的区别是什么

css不让字体倾斜怎么实现

css怎么隐藏元素但保留位置

html5+css如何控制table内外边框和颜色以及大小的图文教程

css中的图片翻转属性是什么

css怎么隐藏input

css sprites是什么

css怎么设置超出自动换行

css怎么设置字体为楷体?

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




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...