仿京东“特色购” 一份残破的代码，待完善

由于课程上和现在的京东界面不同，没能再现出来，现在写不了
留做以后写吧
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            
            
            li{
                list-style: none;
                width:323px;
                height: 272px;
                margin: 0 10px 10px 0;
            }
            
            
            .head{
                width: 289px;
                height: 50px;
                background-color: white;
                /* margin: 0 auto; */
                float: left;
                padding: 0px 17px;
            }
            
            
            p{
                font-size: 13px;
                color: #999999;
                display: inline-block;
                /* margin: 0 0 0 3px; */
            }
            
            h3{
                font-size: 15.91;
                color: #222222;
                display: inline-block;
                /* margin: 0 3px 0 0; */
            }
            
            a{
                display: inline-block;

            }
            
            
            .photo{
                width: 291px;
                height: 208px;
                border: 1px solid orange;
            }
            
            #big{
                width: 323px;
                height: 208px;
                border: 1px solid red;
            }
            
            
            
            
        </style>
    </head>
    
    <body>
        <ul>
            <li id="bg1">
                <!-- 盒子里的顶部 -->
                <div class="head">
                        <a href="https://imoe.ink">
                            <h3>司法拍卖</h3>
                            <img src="../images/jd/logo.png" >
                            <p>法院好货 公开抢拍</p>
                        </a>
                </div>
                
                <!-- 图片部分 -->
                <div id="big">
                    <div class="photo">
                        <a href="https://imoe.ink" >
                            <img src="../images/jd/sf.jpeg" >
                            
                        </a>
                    </div>
                </div>
                
                
                
            </li>
            
            
            
            
        </ul>
        
        
        
        
    </body>
</html>
噜啦 • 2019 年 04 月 29 日