zoukankan      html  css  js  c++  java
  • 昆明凯杰

    2017年9月15来公司上班第一天,拿到的凯杰项目。常规PC端页面,由于长时间没练 生疏了许多。前期很累很辛苦 效率还很低。今天项目完成,做一下项目总结。记录在做项目中遇到的问题,希望在接下来的项目中可以避免,能够不断进步。

    1、导航旁边的<input>框 需要注意的是 input框的光标颜色的消除

    <form action="" method="post">
      <div class="search">
      <input type="text" placeholder="请输入关键词" class="searchtxt">
      <input type="submit" class="searchbtn" value=""/>
      </div>
    </form>

    <style>

    .search{
      height:30px;
      160px;
      border-radius:1.5em;
      margin-top:15px;
      background:none;
      border:1px solid white;
    }

    .searchtxt{
      height:30px;
      120px;
      border:none;
      background: none;
      color: white;
      text-indent:1em;
      float:left;
    }
    .searchbtn{
      height:30px;
      30px;
      float:left;
      background:url(../images/qrw.png) no-repeat center;
      border:none;
      cursor: pointer;
    }

    </style>

    附:cursor属性
    十字准心 cursor: crosshair;
    手 cursor: pointer;
    cursor: hand;
    写两个是为了照顾IE5,它只认hand。
    等待/沙漏 cursor: wait;
    帮助 cursor: help;
    无法释放 cursor: no-drop;
    文字/编辑 cursor: text;
    可移动对象 cursor: move;
    向上改变大小(North) cursor: n-resize;
    向下改变大小(South) cursor: s-resize;
    向右改变大小(East) cursor: e-resize;
    向左改变大小(West) cursor: w-resize;
    向上右改变大小(North East) cursor: ne-resize;
    向上左改变大小(North West) cursor: nw-resize;
    向下右改变大小(South East) cursor: se-resize;
    向下左改变大小(South West) cursor: sw-resize;
    自动 cursor: auto;
    禁止 cursor:not-allowed;
    处理中 cursor: progress;
    系统默认 cursor: default;
  • 相关阅读:
    PHP+shell实现多线程的方法
    【JavaScript】一个同步于本地时间的动态时间
    void 0 或者 undefined
    Android Activity间动画跳转
    如何申请微信公众平台接口測试帐号
    hdu 4862 KM算法 最小K路径覆盖的模型
    【Unity 3D】学习笔记三十三:游戏元素——天空盒子
    cocos2d-x-lua基础系列教程五(lua单例)
    技术走向管理一些思考(7)-激励成员
    Runtime.getRuntime().exec()----记录日志案例
  • 原文地址:https://www.cnblogs.com/addi/p/7570024.html
Copyright © 2011-2022 走看看