zoukankan html css js c++ java

html background系列实现登录和注册小图标

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <div style="height: 38px; 400px;border: 1px solid red;position: relative">
        <input type="text" style="height: 38px; 360px;padding-right: 40px">
        <span style="position:absolute;background-image: url(test.png);height: 38px; 40px;display: inline-block
        ;right: -6px;top: 3px"></span>
    </div>
    <br style="height: 50px"/>
    <div style="height: 38px; 400px;border: 1px solid black;position: relative">
        <input type="password" style="height: 38px; 360px;padding-right: 40px">
        <span style="position: absolute;background-image: url(test.png);height: 38px; 40px;display: inline-block
        ;right: -6px;top: 3px;background-position-x: 72px"></span>
    </div>

</body>
</html>

View Code

                background-image: url(2.png);默认div大小,图片重复访问
               background-repeat：no-repeat 是否重复
               background-position-x   调整图片滑动X轴
               background-position-y   调整图片滑动Y轴
               background-position：10px 10px
               background

样式图：

查看全文

相关阅读:
unity, texture import settings
unity, 最简单的additive shader
unity, shader input and output
unity, multi pass shader中的surface pass
unity, 荧光效果（bloom）
unity, 查看内置shader源码
 unity, Find References In Scene
unity 主循环
 unity 显示帧率
 HttpUrlConnection的setDoOutput与setDoInput的区别

原文地址：https://www.cnblogs.com/anhao-world/p/14086184.html