H5音乐播放器登陆界面源码：

最新推荐文章于 2024-07-08 09:12:15 发布

TingFeng清风

最新推荐文章于 2024-07-08 09:12:15 发布

阅读量1k

点赞数 1

文章标签： css 前端 css3

本文链接：https://blog.csdn.net/xiao_suan_cai/article/details/125397825

版权

H5音乐播放器登陆界面源码：
css代码如下：

*{
    margin:0;
    padding:0;
}
.mr-cont{
    width:715px;
    margin:0 auto;
    border:1px solid #f00;
    background:url(../img/音乐.jpg);
}
.form{
    width:350px;
    padding:130px 415px;
}
.login,.ok,.clear{
    display:block;
    margin-top:40px;
    position:relative;
}
.login img{
    height:42px;
    border:1px rgba(215,209,209,1.00) solid
    background-color:rgba(215,209,209,1.00);
}
.login input{
    position:absolute;
    height:40px;
    width:170px;
    font-size:20px;
}
.ok,.clear{
    width:215px;
    height:40px;
    border:none;
    background:rgba(240,62,65,1.00);
}

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../css/格式.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div class="mr-cont">
    <form class="form" action="login.html" method="get" target="_parent">
        <label class="login">
            <img src="../img/登录.jpg">
            <input type="text" placeholder="username">
        </label>
        <label class="login">
            <img src="../img/登录.jpg">
            <input type = "password" placeholder="password">
        </label>
        <input type="submit" value="ok" class="ok">
        <input type ="reset" value="clear" class="clear">
    </form>
    </div>
</body>
</html>