您好,欢迎来到华佗小知识。
搜索
您的当前位置:首页表单CSS

表单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'" >

转载于:https://www.cnblogs.com/rshow/archive/2009/05/16/1458087.html

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务