使用CSS美化你的搜索框,让用户喜欢搜索
2009-09-07 21:04
393 查看
CSS代码
<style type="text/css"> *{ margin:0; padding:0; } form{ position:relative; margin:20px; } input{ border:1px solid #00CCFF; background:#fff; position:absolute; } #keyword{ height:24px; line-height:24px; padding-left:2px; width:150px; color:#bbb; } #put-in{ height:26px; left:150px; width:50px; } </style>
HTML代码
<form id="form1" name="form1" method="post" action="http://www.865171.cn"> <label> <input type="text" name="keyword" id="keyword" value="www.865171.cn" /> </label> <label> <input type="submit" name="put-in" id="put-in" value="搜索" /> </label> </form>
相关文章推荐
- 根据用户使用习惯来提高招聘搜索效果
- 根据用户喜欢的爱好选择不同风格CSS(ViewState)
- 使用JQuery和CSS模拟超链接的用户单击事件的实现代码
- Android系统搜索对话框(浮动搜索框)的使用
- 使用CSS里的user-select属性控制用户在页面上选中的内容
- Android系统搜索对话框(浮动搜索框)的使用
- 使用jQuery和CSS3生成的搜索框变形全屏搜索效果
- 使用“Active Directory 用户和计算机”进行LDAP语法搜索
- HTML使用CSS美化表格
- bluePen – 使用在线 CSS 编辑器美化你的网站
- 使用CSS和JQuery,模拟超链接的用户单击事件
- CSS 漂亮搜索框美化代码
- 英语阅读推荐:创建Silverlight用户控件 & A*路径搜索中使用二叉堆
- 第三章 使用CSS技术美化
- 使用CSS美化Chrome下的滚动条样式
- Android系统搜索对话框(浮动搜索框)的使用
- ASP.NET动态网站开发培训-36.互动论坛制作(四、使用层叠样式表(CSS)美化界面)
- 使用jQuery和CSS3生成的搜索框变形全屏搜索效果
- bluePen – 使用在线 CSS 编辑器美化你的网站