如何用CSS美化输入框的方法

html-css016

如何用CSS美化输入框的方法,第1张

为了达到更好的交互效果，提高用户友好度，对文本框输入框之类的美化工作是很必要的。一般的美化工作可以直接通过使用CSS完成，方法也十分简单，如下：1、首先制作一张输入框的背景图，如上图所示。2、添加按钮的Html代码：<input type=button class=Selectbg3、然后用css代码将它定义：<stylebody{font-size:12px }.Selectbg{border:nonewidth:150px height:20px background-image:url(image.gif) text-align:leftline-height:20px }</style在写CSS代码的时候要注意，如果背景图中带边框，一定要将输入框的边框去掉，否则会显示默认边框；其次还要将高度和行高定义好，否则点击输入框后文字的位置会很难看。

div+css是将网页美工和内容想分离的过程，div只能在代码上进行编辑。dw有辅助编辑css的过程，不过帮助不大，也就是让你剩下一个写常用代码的时间。

div+css需要你做网站初期有一个整体的布局。

然后利用css代码去实现他

第一步你应该对html的语言有所了解

如果html语言都不能看懂的话

css 里面的一些项目属性基本都是沿用html语言来的。html语言网上很多的教程

基本都是一样的东西。

第二部就是对css的学习，建议从进本学起。最好找一个视频类的学习。我是看的前沿科技的视频 地址在这里

希望你可以全部完整的看一遍，css其实就是把网页内容和网页美工相分离的一个过程。

这个学习的过程很重要哦 。。。

单纯的 CSS 是做不了网站的 它一般配合div一起用，当然也可以和table一起用 我想你问这个问题，应该会用 table 做网页吧 CSS 只是控制样式的，并非你指的“做网站” 打个比如 你写一个table 让它在页面居中 <table align="center"><tr><td></td></tr></table> 而用div + css <!-- 这段代码放到title里，如果做到外链CSS更好 --><style type="text/css">.mainBody {margin:0 auto} </style><!-- 这段代码放到body里 --><div class="mainBody"></div>这样能做到表现和结构的分离，也就是把一些控制整个页面的代码都放到 CSS 里，而页面只放一些网站的框架和内容。这样容易维护 当然，DIV+CSS 还有很多优点。这里就不和你说了，我想你要的就是上面我说的而已