ClassContent/历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css练习/jianshu/简书.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="http:////at.alicdn.com/t/font_3445167_o5pox8tpzh.css">
    <link rel="stylesheet" href="./clear.css">
    <link rel="stylesheet" href="./public.css">
    <link rel="stylesheet" href="./简书.css">
</head>
<body>
    
    <div class="content">
        <!-- 上面 -->
        <div class="title hidden">
            <div class="author left">推荐作者</div>
            <div class="HYP right">
                <i class="iconfont icon-shuaxin"></i>
                <span>换一批</span>
            </div>
        </div>
        <!-- 中间重复 -->
        <ul>
            <li>
                <img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp">
                <div class="content_a">
                    <div class="inside">
                        <div class="themeColor">露露说</div>
                        <div class="right">
                            <i class="iconfont icon-jiahao"></i>
                            <span class="themeColor1">关注</span>
                        </div>
                    </div>
                    <div class="content_below">写了2154.9k字 · 34.8k喜欢</div>
                </div>
            </li>
            <li>
                <img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp">
                <div class="content_a">
                    <div class="inside">
                        <div class="themeColor">露露说</div>
                        <div class="right">
                            <i class="iconfont icon-jiahao"></i>
                            <span class="themeColor1">关注</span>
                        </div>
                    </div>
                    <div class="content_below">写了2154.9k字 · 34.8k喜欢</div>
                </div>
            </li>
            <li>
                <img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp">
                <div class="content_a">
                    <div class="inside">
                        <div class="themeColor">露露说</div>
                        <div class="right">
                            <i class="iconfont icon-jiahao"></i>
                            <span class="themeColor1">关注</span>
                        </div>
                    </div>
                    <div class="content_below">写了2154.9k字 · 34.8k喜欢</div>
                </div>
            </li>
            <li>
                <img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp">
                <div class="content_a">
                    <div class="inside">
                        <div class="themeColor">露露说</div>
                        <div class="right">
                            <i class="iconfont icon-jiahao"></i>
                            <span class="themeColor1">关注</span>
                        </div>
                    </div>
                    <div class="content_below">写了2154.9k字 · 34.8k喜欢</div>
                </div>
            </li>
            <li>
                <img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp">
                <div class="content_a">
                    <div class="inside">
                        <div class="themeColor">露露说</div>
                        <div class="right">
                            <i class="iconfont icon-jiahao"></i>
                            <span class="themeColor1">关注</span>
                        </div>
                    </div>
                    <div class="content_below">写了2154.9k字 · 34.8k喜欢</div>
                </div>
            </li>
            <li>
                <img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp">
                <div class="content_a">
                    <div class="inside">
                        <div class="themeColor">露露说</div>
                        <div class="right">
                            <i class="iconfont icon-jiahao"></i>
                            <span class="themeColor1">关注</span>
                        </div>
                    </div>
                    <div class="content_below">写了2154.9k字 · 34.8k喜欢</div>
                </div>
            </li>
        </ul>
         <!-- 结尾查看全部 -->
        <div class="end">
            <span>查看全部</span>
            <i class="iconfont icon-gengduo"></i>
        </div>
    </div>
</body>

</html>