xiaojincai
/
yrxinterview


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<style>
    .search_left{
        width: 30%;
    }
    .search_left .list li{
        width: 100%;
    }
    .part{
        border-radius: 5px;
    }
    .search input{
        width: 100%;
        height: 30px;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 0 10px;
        margin-bottom: 15px;
        outline: none;
        text-align: center;
    }
    .detail_right{
        width: 69%;
    }
    .tag{
        margin-top: 10px;
        padding-left: 20px;
    }
    .tag span{
        background-color: #000;
        color: #fff;
        display: inline-block;
        padding: 2px 5px;
        margin-right: 10px;
        font-size: 12px;
        border-radius: 2px;
    }
    .tag a{
        color: #333;
        float: right;
    }
    .discuss{
        text-align: center;
        background-color: #f5f5f5;
        padding: 40px 20px;
        border: 1px solid #ccc;
    }
    .detail_right button{
        width: 150px;
        height: 40px;
        border: none;
        background-color: #000;
        color: #fff;
        font-weight: 600;
        border-radius: 3px;
        outline: none;
    }
    .user{
        margin-bottom: 10px;
        color: #999;
        font-size: 13px;
    }
    .ans{
        line-height: 25px;
        margin-bottom: 10px;
        color: #333;
    }
    .login_div{
        height: 300px;
        background-image: linear-gradient(90deg,#0B0B0A,#E1CAA0);
        text-align: center;
        padding-top: 140px;
        border-radius: 10px;
    }
</style>
<body>
    <header>
        <img class="logo" src="img/logo.jpg" alt="logo">
        <div class="nav">
            <a class="act" href="">猿人学面试</a>
            <a href="">爬虫比赛</a>
            <a href="">关于猿人学</a>
        </div>
        <div class="login">
            <img width="30px" src="img/logo.jpg" alt="logo">
            <a href="#">请先登录</a>
        </div>
    </header>
    <div class="content">
        <p class="navtation"><a href="">回到首页</a> - <a href="">爬虫面试题</a> - 用哪些库用于数据库解析</p>
        <div class="left search_left">
            <div class="part">
                <p class="search">
                    <input  type="text" placeholder="题目搜索">
                </p>
                <ul class="list">
                    <li><a href="">讲讲对script的理解</a></li>
                    <li><a href="">讲讲对script的理解</a></li>
                    <li><a href="">讲讲对script的理解</a></li>
                    <li><a href="">讲讲对script的理解</a></li>
                    <li><a href="">讲讲对script的理解</a></li>
                    <li><a href="">讲讲对script的理解</a></li>
                </ul>
            </div>
            <div class="part">
                <h2 class="sec_title"><span>贡献面试题</span></h2>
                <form class="form" action="">
                    <input type="text" placeholder="面试题目">
                    <textarea></textarea>
                    <button>提交</button>
                </form>
            </div>
        </div>
        <div class="right detail_right">
            <div class="part">
                <b>51.用哪些库用于数据解析</b>
                <p class="tag">
                    <span>tag</span><span>tag</span><span>tag</span>
                    <a href="">分享给朋友</a>
                </p>
            </div>
            <div class="part">
                <h2 class="sec_title"><span>答题讨论</span></h2>
                <div class="discuss">
                    <button>请登录</button>
                </div>
            </div>
            <div class="part">
                <h2 class="sec_title"><span>网友热议</span></h2>
                <p class="user">
                    蛋黄酱  2025.11.1
                </p>
                <p class="ans">
                    vfbjosehuaoehvuhqaauihuoihcfuahqcuidhui
                </p>
                <div class="login_div">
                    <button>登录后查看全部</button>
                </div>
            </div>
        </div>
    </div>
</body>
</html>