当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 用CSS设计高体验的表单显示效果示例

HTML/XHTML教程
基本配色:清新
基本配色:热带
色系表-终极配色手册
基本配色:堂皇
基本配色:柔和
基本配色:流行
RGB色彩对照表-终极配色手册
基本配色:友善
基本配色:活力
基本配色:可靠
基本配色:热情
基本配色:平静
XHTML 1.0:标记新的开端
[css]简明教程 CSS样式表概述
[css]简明教程 SPAN和DIV的区别
[css]简明教程 样式表中的类
[css]简明教程 样式表的书写格式
[css]简明教程 在HTML中添加样式表的方法
[css] 简明教程 样式表的编辑和浏览
用DHTML做的一个菜单特效

HTML/XHTML教程 中的 用CSS设计高体验的表单显示效果示例


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 98 ::
收藏到网摘: n/a

以下是引用片段:
<style type="text/css"> 
.input1{ 
font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px; 

.input1-bor { 
font-family:verdana;background-color:#F0F8FF;font-size: 12px; 
border: 1px solid #333333;} 
</style> 
<table cellspacing=2 cellpadding=0 width=300 border=0> 
<tr> 
<td><font class="en1">姓名:</font> </td> 
<td><input size=40 name=name class="input1" onblur="this.className=’input1’" onfocus="this.className=’input1-bor’"> 
</td> 
</tr> 
<tr> 
<td><font class="en1">邮箱:</font></td> 
<td><input size=40 name=email class="input1" onblur="this.className=’input1’" onfocus="this.className=’input1-bor’"></td> 
</tr> 
<tr> 
<td><font class="en1">网址:</font> </td> 
<td><input size=40 name=url class="input1" onblur="this.className=’input1’" onfocus="this.className=’input1-bor’"> 
</td> 
</tr> 
<tr> 
<td><font class="en1">主题:</font> </td> 
<td><input size=40 name=subject class="input1" onblur="this.className=’input1’" onfocus="this.className=’input1-bor’"> 
</td> 
</tr> 
<tr> 
<td><font class="en1">内容: </font> </td> 
<td><textarea name=message rows=5 cols=35 class="input1" onblur="this.className=’input1’" onfocus="this.className=’input1-bor’"></textarea></td></tr></table>