小米案例制作

 * {

    margin: 0;

    padding: 0;

}

 

.container {

    width: 1226px;

    margin-right: auto;

    margin-left: auto;

    background-color: whitesmoke;

    position: relative;

}

 

.head {

    display: flex;

    justify-content: space-between;

    height: 60px;

    align-items: center; 

 

}

 

.mid ul {

    display: flex;

}

 

a,

a:hover {

    text-decoration: none;

}

a { 

    color: #333333;

}

 

li {

    list-style: none;

   

}

 

.left img {

    width: 56px;

    height: 56px;

}

 

.right{

    position: relative;

    border-color: #e0e0e0;

}

.list {

    display: flex;

    

}

.xia img{

    width: 1226px;

    height: 460px;

    display: block;  

}

.list ul {

    height: 420px;

    width: 234px;

    color: #fff;

    background-color: rgba(105, 101, 101, 0.6);

    margin: 0;

    padding: 20px 0;

    list-style-type: none;

    line-height: 42px;

}