为HTML添加图片登录按钮

来源于：http://www.2cto.com/kf/201510/447673.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .but{
            border: 0px; /*去边框*/
            width: 1000px; /*宽*/
            height: 600px;/*高*/
            background-image:url(img/登录.jpg);/*背景图片*/
            font-size: 30px;/*字体大小*/
            color: white; /*字体颜色*/
        }
    </style>
</head>
<body>
<form action="http://www.baidu.com">
    账号：<input type="text" name="userNumber"/><br/>
    密码：<input type="password" name="password"><br/>
    <input type="submit" value=" " class="but" />
</form>
</body>
</html>

　　

 

 

 

posted @ 2016-08-31 17:18  一个勤奋的胖子  阅读(11305)  评论(0)  编辑  收藏  举报