zoukankan      html  css  js  c++  java
  • HTML和CSS美化 登入框的页面

                         <div id="leftbody">
                                 <p class="p0">如果您感觉您的网站够炫美可以提交给我们!</p>
                                 <form>
                                 <label for="label1">您的姓名:</label>
                                 <input type="text" name="name" id="label1" size="30" />
                                 <label for="label2">您的联系方式:</label>
                                 <input type="text" name="content" id="label2" size="30" />
                                 <label for="label3">站点网址:</label>
                                 <input type="text" name="url" id="label3" size="30"/>
                                 <label for="label4">站点介绍:</label>
                                 <textarea name="info" id="label4" cols="50" rows="8" > </textarea>
                                 <div class="sub">
                                         <input class="btn_sub" type="submit" value="提交" />
                                         <input class="btn_sub btn2" type="reset"  value="重置" />
                                 </div>
                                 </form>
                         </div>
    #wrap #leftbody p.p0{
        color:#000;
        font-size:18px;    
        margin:50px 0 20px 0;
        }
    #leftbody form label{
        display:block;
        font-size:14px;
        color:#555555;
        margin:15px 0 3px 0 ;
        }
    #leftbody form input.btn_sub{
        background:url(default.png);
        display:block;
        103px;
        height:27px;
        text-align:center;
        line-height:27px;
        color:#ffffff;
        text-decoration:none;
        font-weight:bold;
        border:none;
        cursor:pointer;
        float:left;
        margin-top:20px;
        }
    #leftbody form input.btn2{
        margin-left:170px;
        }
    #leftbody form .btn_sub:hover{
        background:url(d_hover.png);
        }
    一般网页设计public页面的设置

    body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p { margin:0px; padding:0px; font
    -size:13px; } ul { list-style:none; } img,a img { border:none; } a { text-decoration:none; } a:hover { text-decoration:underline; }
  • 相关阅读:
    Object.keys方法
    vue数据绑定原理
    JS控制数字从指定数开始变化
    传入参数和回调取值
    Android contacts content provider学习小结
    Android输入法框架分析(1)-三大组件
    通过Android View的两种事件响应方法比较inheritance和composition
    对象间相互调用时互相控制的几种方法
    immutable和mutable对象
    关于Unicode
  • 原文地址:https://www.cnblogs.com/kangshuai/p/4874610.html
Copyright © 2011-2022 走看看