HTML+CSS 模拟QQ邮箱登录界面

最新推荐文章于 2024-05-03 13:32:20 发布

东子Yang

最新推荐文章于 2024-05-03 13:32:20 发布

阅读量3.4k

点赞数 3

本文链接：https://blog.csdn.net/weixin_43347473/article/details/102633596

版权

模拟QQ邮箱登录界面

index.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>qq邮箱登录</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="container">
        <header>
                <a class="header_logo" href="/">QQ邮箱</a>
                <div class="header_link">
                    <a href="#">基本版</a>&nbsp;|&nbsp;
                    <a href="#">English</a>&nbsp;|&nbsp;
                    <a href="#" >手机版</a>&nbsp;|&nbsp;
                    <a href="#">企业邮箱</a>
                </div>
        </header>
        <!-- style="width: 330px; height: 336px; visibility: visible; background-color: red;" -->
        <article>
            <div class="left_container">
                
                <div class="pictures_txt">
                    <p class="pictures_title">QQ邮箱，常联系！</p>
                    <p>1982年，第一张电脑笑脸诞生</p>
                    <p>今天，人们已经习惯用它来表达心情</p>
                    <p>现在，您也可以在邮件里</p><p>用:-)来传达一个微笑的表情</p>
                    <p class="pictures_info">
                    <a href="#">了解更多表情符号</a></p>
                        
                </div>
                <div class="picture"></div>

最低0.47元/天解锁文章

东子Yang

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS 模拟QQ邮箱登录界面

模拟QQ邮箱登录界面index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
复制链接

扫一扫