HTML，login文本框·

列子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel= stylesheet href="font-awesome/css/font-awesome.css">
    <style>
        .user{
            position: relative;
            width: 250px;
        }
        .user input{
            height: 30px;
            width: 170px;
            padding-right: 30px;
            margin-left: 0px;
        }
        .user .ren{
            position: absolute;
            top: 26px;
            left: 176px;
        }
    </style>
</head>
<body>
    <div class="user">
        <a>login:<input type="text"></a>
        <span class="ren"><a class="icon-linux"></a></span>
    </div>
</body>
</html>





###########
font-awesome:是一个第三方小图插件，导入进去之后找到自己想要的图片，class添加就OK了。
View Code

 

posted @ 2016-07-05 11:01  WrYcF  阅读(182)  评论(0)    收藏  举报
Live2D