zoukankan      html  css  js  c++  java
  • 在登录框input里面添加小图标+验证码图片

    验证码图片

    <img alt="点击刷新" id="img_RandomCode" title="点击刷新" src="data:image/jpg;base64,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">

    在登录框input里面添加小图标

    .users1{
    background-image: url('../../static/img/code.jpg');/*设置小图标*/
    background-size: 25px 25px;/*小图标的大小*/
    background-position: 5px 4px;/*小图标在input的位置*/
    background-repeat: no-repeat;/*背景小图标不重复*/
    padding: 0px 0px 0px 40px;/*设置input内边距*/
    /*设置input样式好看*/
    border:1px solid #ddd;
    100px;
    }
  • 相关阅读:
    Python MySQL
    selenium-java,暂停功能
    selenium-java,selenium安装配置
    selenium-java,selenium版本和火狐浏览器版本对应关系
    Jmeter-配置元件
    java-读写文件
    Jmeter-线程组执行顺序控制
    Jmeter-Interleave Controller(交替控制器)
    Jmeter-Transaction Controller(事务控制器)
    Jmeter-Logic Controllers(逻辑控制器)
  • 原文地址:https://www.cnblogs.com/maibao666/p/11127524.html
Copyright © 2011-2022 走看看