当前位置: 网站建设 > 网页设计 > 建站经验 >

用CSS美化输入框

时间:2013-03-02 04:08来源:未知 作者:admin 点击:

标签:用CSS美化输入框 input(9)Button(3)cl(4)输入(9)CSS(655)type(2)美化(7)
input type=button class=Selectbg 3、而后用css代码将它定义: style body{font-size:12px; } .Selectbg{ border:none; width:150px; height:20px; background-image:url(image.gif); text-align:left;line-height:20px; } /style 在写CSS代码的时候要留神,假如背景图中带边框, 用CSS美化input file按钮的方法 ,必定要
用CSS美化输入框》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023443R013.htm
<input type="button" class="Selectbg">

3、而后用css代码将它定义:

<style>
body{font-size:12px; }
.Selectbg{ border:none; width:150px; height:20px; background-image:url(image.gif); text-align:left;line-height:20px; }
</style>
在写CSS代码的时候要留神,假如背景图中带边框,用CSS美化input file按钮的方法,必定要将输入框的边框去掉,否则会显示默认边框;其次还要将高度和行高定义好,否则点击输入框后文字的地位会很丢脸。

简单三步,用CSS的样式表建立精彩的网站,就完成了输入框的美化。
Tag:   CSS   输入框    ,用CSS的overflow控制图像的显示大小; CSS   输入框  

网页设计中很主要的就是美化页面,咱们这里重要以丑化输入框为例,先容一下css美化输入框的方式。在网页中须要插入良多表单、输入框、按钮、文本框之类的内容,它们是用户跟网站交互所必不可缺乏的元素。

为了到达更好的交互后果,进步用户友爱度,用CSS提高网页在浏览器的渲染速度,对文本框输入框之类的美化工作是很必要的。

个别的美化工作能够直接通过应用CSS实现,办法也非常简略,用CSS控制网页总体风格,如下:

 

1、首先制造一张输入框的背景图,如上图所示。

2、增加按钮的Html代码:


--> [网站建设之]用CSS美化输入框


(责任编辑:网站建设)
用CSS美化输入框相关文章
上一篇:用CSS美化input file按钮的方法 下一篇:用CSS让DIV层水平居中
回到顶部