繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 用CSS设计高体验的表单显示效果示例
- HTML/XHTML教程
- Data URI和MHTML完整解决所有浏览器
- HTML表格边框的控制实现代码
- 6个不常用HTML标记使用说明
- HTML5 Canvas概述
- IE6 空格bug修正方法
- w3c组织给出html4的样式建议
- IE6下网页制作参考 IE6 默认样式
- html标签a的target属性的用法
- XHTML+CSS写出正规的BLOG
- HTML教程:收集的常用的HTML标签(4)
- HTML教程:收集的常用的HTML标签(6)
- 动态修改框架(frame)src属性的方法
- HTML基础:HTML的基本结构
- 网页制作解惑:图象文件的路径
- HTML教程：html水平线段<HR />
- HTML表格标记教程(18):表格的表头<TH>
- HTML表格标记教程(19):行标记<TR>属性
- HTML表格标记教程(26):单元格标记<TD>属性
- XHTML教程:针对初学者的XHTML基础
- HTML表格标记教程(44):表格的表首标记<THEAD>
HTML/XHTML教程 中的 用CSS设计高体验的表单显示效果示例
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 72 ::
收藏到网摘: 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>
评论 (0) All
