zoukankan      html  css  js  c++  java
  • 表单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'">
  • 相关阅读:
    Vue 移动端向上滑动加载
    关于NPOI 判断Office 是否为空的操作
    定时任务的处理
    Web中线程与IIS线程池自动回收机制
    本地VS调试服务器 IIS 程序
    每天学点node系列-stream
    聊聊前端模块化开发
    位运算解决多标签问题【原创】
    <未来世界的幸存者> 读后感(现实篇和职业篇)【原创】
    Nest.js你学不会系列-初识Nest
  • 原文地址:https://www.cnblogs.com/rshow/p/1458087.html
Copyright © 2011-2022 走看看