rjps.net
当前位置:首页 >> Css漂亮的输入框 >>

Css漂亮的输入框

为了达到更好的交互效果,提高用户友好度,对文本框输入框之类的美化工作是很必要的. 一般的美化工作可以直接通过使用CSS完成,方法也十分简单,如下: 1、首先制作一张输入框的背景图,如上图所示. 2、添加按钮的Html代码: <

首先你得有一个漂亮的登录框效果图,然后你会html+css,你就能制作一个漂亮的登录框了

<div id="mar"><div style="float:left"><label>1</label><input type="text" /></div><div style="float:left"> <label>2</label> <input type="text" /> </div> <div style="float:left"> <label>3</label><input type="text" /> </div> </div>如果是外部CSS 自己分离吧

用CSS怎么能写输入框呢,CSS只是用来写样式的.要写输入框就用HTML的<input>标签.例如:<input type="text" name="username" /><input type="password" name="password">

这里&lt;input type="button" value="搜索" /&gt; 换成 图片按钮就可以了&lt;input type="image" src="图片路径" /&gt; 颜色也是自己调吧-------------------------&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:

.c1:after{content:"*";color:red}.c2:after{content:"!";width:20px;height:20px;border-radius:100%;color:#fff;background:red;}.c3{border:1px solid red;}这里有三个class 你在要显示红色* 的时候,用c1 要显示右边!时用c2 要显示红色边框时用c3 另外:jquery中 addClass(类名) 增加class removeClass(类名) 移出class

中文字符的中线和英文字符的中线定义是不一样的,你在设置输入框与文本居中对齐的时候,最好将文本的字体样式设置成英文字体,比如font-family:verdana;这样有助于解决中线问题.然后再给输入框添加 vertical-align:middle;样式.注意,由于涉及到中线问题,所以字号会影响对齐的效果.例子就不举了,你可以改变字号(12px、13px等)自己尝试一下.

<input id="meanswer" value="我来回答" type="text"></input> 这就是输入框了 但是你可以用dw自带的插入功能

Samle彡only

启动dreamweaver,点击“站点”---“新建站点”2 在弹出的窗口中,站点名称为“漂亮按钮”,本地站点文件夹可以根据需要选择.点击“保存”按钮,站点创建成功.END 二、创建css文件1 点击“文件”----“新建”,在弹出的窗体中选择

网站首页 | 网站地图
All rights reserved Powered by www.rjps.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com