VIP教研室 支付方式 讲师团队 交通路线 收藏网商学院网络营销培训

TOP

一款不错的网页表单显示效果
2013-08-20 23:24:06 来源:www.yuanxn.com 作者: 【 】 浏览:0次 评论:0

在网站制作过程,某些页面为了追求效果,很多时候需要用表单的效果来显示。下面这款表单显示效果或许能够满足你制作网页的要求:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>特效演示,非常不错的表单显示效果</title>
<style type="text/css">
body{
font-family: verdana,font-size: 12px;color: #FFFFFF;background-color:#ffffff}
.en1 {
font-size: 10px;font-family: Verdana
}
.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>
<link href="../text.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.en1 {font-size: 10px;font-family: Verdana
}
.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;
}
-->
</style>

</head>
<body>

<table cellspacing=2 cellpadding=0 width=300 border=0>
<tr>
<td><font class="en1">姓名: </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">邮箱:</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">网址: </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">主题: </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">内容:  </td>
<td><textarea name=message rows=5 cols=35 class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'">
本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

您看到此篇文章时的感受是:
Tags: 责任编辑:zhuwei
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到QQ空间
分享到: 
上一篇一个不错的退出关闭页面弹窗代码 下一篇网页漂浮广告代码

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

相关栏目

最新文章

图片主题

热门文章

推荐文章

相关文章

广告位