前端小练————天猫国际登录页

枫玄雾隐

于 2022-07-29 20:55:39 发布

阅读量1k

点赞数 7

文章标签：前端 servlet html

本文链接：https://blog.csdn.net/m0_45293340/article/details/126063818

版权

html代码部分

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./登录页.css">
</head>

<body>
    <header><img class="mao" src="./img/天猫国际.png" alt=""><img class="mao1" src="./img/原装.png" alt=""></header>
    <main><ul>
        <a href=""><li class="x-2"><img src="./img/二维码.png" alt=""></li></a>
        <a href="">
            <li class="w-sanjiao"></li>
        </a>
        <li>

            <ul class="dl1">
                <li class="mima">
                    <div><a href="">密码登录</a></div>
                    <div class="black-l"><a href=""></a></div>
                    <ul>
                        <form action="">
                            <li><a href=""><img src="./img/user.png" alt=""><input type="text"
                                        placeholder="账号名/邮箱/手机号"></a></li>
                            <li><a href=""><img src="./img/锁.png" alt=""><input type="text" placeholder="请输入登录密码"></a>
                            </li>
                            <li class="border-none"><a href=""><input class="dl-red" type="submit" value="登录"></a></li>
                        </form>
                        <li>
                            <ul class="last">
                                <li class="m-last"><a href="">免费注册</a></li>