框左边加一个小图标，css样式应该怎么写

如题所述

推荐答案 2018-01-20

输入框吧？方法很多给两种供选择。
输入框左侧加一个缩进(padding-left)空出图标空间，
1.如果图标是图片文件，作为输入框的背景图，不重复(no-repeat)，通过background-position调整图标位置
2.如果是字体图标，跟输入框放在同一个容器里，通过绝对定位，移动到相应位置

当然，图片文件的图标也可以用方法2，这样就能用雪碧图了

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/WOtv7tWvXz7jtzXtevX.html

其他回答

第1个回答 2018-01-19

你说的是类似于用户登录注册那种界面上的吗

相似回答

在输入框左边加一个小图标,css样式应该怎么写答： input[type=text]{ width:300px; height:28px; color:#666; border:1px solid #888; border-radius:4px; background:url("data:image/gif;base64,R0lGODlhBwAHALMAAAAAAP///+FPgeBOgOJQgt9Pgt9Qgt5Pgd1Rgf///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAHAAcAQAQb...

input框样式如何改变答：给这个输入框加一个class，名字定义为input01，给input01写一个样式。 <!-- .input01 { border: 1px solid #CDC28D; /* 输入框表框颜色*/ background-color: #F2F9FD; /* 输入框背景颜色*/ height: 24px; /*输入框高度*/ width: 200px; /*输入框宽度*/ padding-top: 4px; /*输入...

请问:我的网站是css+div布局设计的,我想在左边加一个QQ客服代码。请问怎...答：以上代码放到对应位置就ok了，注意a标签以及img的css设定

如何命名CSS文件及样式规范更利于SEO优化答：对于CSS样式的命名规则,建议用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字,为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间。例如:头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以...

如何提高页面设计?如何能自如的运用CSS样式表?答：@import url( css/style01.css ); 1. 基本语法 CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。基本格式如下: selector {property: value} (选择符 {属性:值}) 选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义...

常用的CSS属性。答：float，css的一种属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页排版。float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是...

关于CSS样式表答：与加背景色操作类似，中是在背景在选择加载图象就是了，一个定义好的加背景图象的CSS例子的代码是这样的：  在要用时选取那段文字，再在CSS面板上点一下“imgbgstyle”就行了。9、如何使页面的背景在文字“滚动”时背景图案静止不...

网页制作图片怎么居中网页制作图片怎么居中对齐答：2、第二步，在顶部head标签里引入外部CSS文件。当然，因为本例比较简单，就直接写在style标签里了。建议实际开发应该写在外部CSS文件中。3、第三步，在Body中写简单的html代码。在一个容器p中，给一个类名，然后加一个子p，命名类名，用来填充文字。子p中加一个h标签，引入文字，随便写几个文字。

经常用到的Css属性是什么答：text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ t...

大家正在搜

表单框css样式 css搜索框样式 css弹框样式漂亮css搜索框样式 css下拉选框样式 css搜索框样式代码 css设置下拉框样式圆形渐变框css样式表单框css样式代码