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

HTML/XHTML教程
marquee基本语法的全解释
HTML标签详解(1)
HTML之调色原理
网站基本配色:热带
网站基本配色:清爽
网站基本配色:低沉
css新手上路(2)
css新手上路(5)
css新手上路(6)
网页中如何让整段文字左右对齐
HTML特殊字符 - 补遗
几个漂亮的Button的CSS
CSS 缩写技巧
颜色英文代码全集
基本配色-终极配色手册
网页设计中Html使用的一些问题
基本配色:土性
基本配色:浪漫
基本配色:神奇
基本配色:清爽

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 100 ::
收藏到网摘: 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>