/web-java-dev

Primary LanguageJava

web-java-dev

<title>PAGE</title> <title></title> <style type="text/css"> *{ margin:0; padding:0; } body{ color: rgb(135, 72, 91); } header{ height:60px; background-color: rgb(146, 74, 94); display: flex; align-items: center; justify-content: space-between; padding-left: 10px; padding-right: 10px; } .nav{ flex: 0 1 50%; list-style: none; display: flex; } .nav li{ margin-left: 120px; margin-right: 120px; width:50px; } .user-info{ padding-right: 20px; } .nav li a{ text-decoration: none; color: #000000; } .nav li a:hover{ color: rgb(181, 135, 161); } .search-wrap{ height:60px; background-color:rgb(181, 135, 161); display: flex; align-items: center; padding-left: 2%; margin-bottom: 10px; } .input-box{ width:400px; height: 40px; border:1px solid rgb(181, 135, 161); border-radius: 25px; margin-left:10px; } .container{ width: 90%; margin: 0 auto; height: 100%; background-color: rgb(186, 105, 112); display: flex; padding: 5px 5px 5px 5px; } .left{ flex:0 0 66%; height: 90%; background-color: rgb(192, 135, 154); padding: 10px 10px 10px 10px; } .right{ flex: 0 0 30%; height: 100%; margin-left: 5px; background-color: rgb(249, 185, 158); } .row{ display: flex; flex-wrap: wrap; padding: 5px 5px 5px 5px; } .column{ flex: 0 0 18%; height:200px; background-color: rgb(192, 135, 154); border: 1px solid #333333; border-radius: 10px; margin: 5px 5px 5px 5px; } .column img{ width:100%;height:100%; border-top-left-radius:5%; border-top-right-radius:5%; 
    }
    .footer{
        height: 200px;
        background-color: #aaa;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .avatar{
        width:120px;
        height:150px;
        border-radius: 10px;
    }
    body{
        background-color: rgb(253, 200, 155);
    }
</style>

<!--搜索区-->
</div>
<div class="user-info">
    <h3>READER</h3>
</div>

阅读时光

今日优选

    </div>
</div>
<div class="right">
    <div class="conBigTitle">
        <h2>出版图书</h2>
        <p>
            <li ><h5><span>学习文献</span></h5></li>
            <li ><h5><span>励志成功</span></h5></li>
            <li ><h5><span>文学</span></h5></li>
            <li ><h5><span>经济管理</span></h5></li>
            <li ><h5><span>更多</span></h5></li>
        <li ><h5><span>古典小说推荐</span></h5></li>
        <li ><h5><span>现代小说推荐</span></h5></li>
        <li ><h5><span>出版书籍</span></h5></li>
        <li ><h5><span>今日限免</span></h5></li>
        <li ><h5><span>小说推荐排行榜</span></h5></li>
        </p>
    </div>
</div>