`

非常不错的CSS表单显示效果

阅读更多
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>非常不错的Css表单显示效果</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>
<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">姓名:</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'">

 

分享到:
评论
1 楼 yuying 2008-12-16  
谢谢诶!

相关推荐

    CSS表单显示效果示例

    CSS表单显示效果示例

    js css3登录注册表单滑动显示效果.zip

    js css3点击登录注册按钮,滑动显示登录表单和注册表单效果。

    CSS3表单输入框动画特效.zip

    CSS3表单输入框动画特效是一款表单输入框显示图标动画,输入框验证效果代码。

    CSS3登录注册表单滑动切换特效

    CSS3登录注册表单滑动切换特效是一款滑动显示登录表单和注册表单效果代码。

    18种css3带进度条的表单提交按钮动画

    这个插件是使用css3属性制作的带进度条的表单提交按钮动画效果。当用户点击提交按钮后,提交按钮上出现进度条提示提交的进度。有18种效果,包括翻转,旋转,3d透视等效果。

    js css3登录注册表单滑动显示效果特效代码

    js css3点击登录注册按钮,滑动显示登录表单和注册表单效果。

    CSS3表单输入框动画特效

    CSS3表单输入框动画特效是一款表单输入框显示图标动画,输入框验证效果代码。

    CSS3表单输入框动画特效特效代码

    CSS3表单输入框动画特效是一款表单输入框显示图标动画,输入框验证效果代码。

    css2参考手册 w3c

    是由W3C推行的,同以往的CSS1.0或CSS1.2完全不一样,CSS2.0推荐的是一套内容和表现效果分离的方式,HTML元素可以通过CSS2.0的样式控制显示效果,可完全不使用以往HTML中的table和td来定位表单的外观和样式,只需使用...

    html5+CSS3实现的超炫酷的登录表单.7z

    一款html5+CSS3实现的超炫酷的登录表单,按照页面提示的用户名和密码输入正确,并输入显示的验证码,点击“登录”按钮显示验证动画效果,同时页面全屏化显示,验证成功后进入登录成功的界面,整个页面一直会有动感的...

    《精通CSS+DIV网页样式与布局》光盘源码

     第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一:模拟Google公司Logo   3.3 文字实例二:制作页面的五彩标题   3.4 CSS段落文字  3.5 段落实例:百度搜索   第4章 用CSS设置...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    简单jQuery+CSS实现验证表单红色提示效果 16.简单表单input输入框提示插件1.0下载 17.另种效果的jQuery EasyValidator表单验证插件demo示例下载 18.漂亮绿色多级动感仿flash效果的jquery网站导航菜单 19....

    CSS网站布局实录 (第二版)

    CSS网站布局实录:基于Web标准的网站设计指南(第2...),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部]

    精通CSS+DIV网页样式与布局

     第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一:模拟Google公司Logo   3.3 文字实例二:制作页面的五彩标题   3.4 CSS段落文字  3.5 段落实例:百度搜索   第4章 用CSS设置...

    精通CSS.DIV.网页样式与布局 源码

     第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一:模拟Google公司Logo   3.3 文字实例二:制作页面的五彩标题   3.4 CSS段落文字  3.5 段落实例:百度搜索   第4章 用...

    《脑动力 html+css标签速查效率手册》.(刘丽霞)

    CSS是用于控制网页内容显示效果的一种标记语言,可以制作更美观的页面。两者在网页设计中不可或缺。  《脑动力:HTMLCSS标签速查效率手册》共分18章,前10章主要介绍了HTML标签和相关属性,包括文字、排版、列表、...

    CSS3登录注册窗口界面滑动切换特效.zip

    CSS3登录注册窗口界面滑动切换特效是一款CSS3实现的动画滑动显示登录表单和注册表单效果代码。

    css3点击提交按钮加载进度条动画特效.zip

    js代码 [removed] const button = document.querySelector('.button');... css3点击提交按钮加载进度条动画特效是一款简单美观的css3点击表单提交按钮、显示图标加载进度条的按钮加载动画特效。

    jQuery CSS3提示框按钮过渡效果.zip

    jQuery CSS3提示框按钮过渡效果是一款鼠标悬停显示提示框按钮过渡效果。

Global site tag (gtag.js) - Google Analytics