学编程的第十八天

  • Xiaomi手机
    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

  • Redmi手机
    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

  • 电视
    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

  • 笔记本
    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

  • 平板
    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

  • 家电
    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

  • 路由器
    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

    • Xiaomi MIX Fold 2

      8999元起

  • 服务中心
  • 社区
css文件 .g1 { width: 1510px; height: 210px; margin: auto; margin-top: 20px; }

.g2 {
float: left;
width: 305px;
height: 210px;

background-color: rgb(95, 87, 80);

}

.g4 {
width: 95px;
height: 100px;
border: 1px solid rgb(102, 94, 87);
}

.g5 {
float: left;
font-size: 10px;
margin-left: 0px;
}

.gh {
float: left;
width: 350px;
height: 210px;
margin-left: 50px;
}

.gj {
width: 350px;
height: 210px;
}
.gj:hover{
box-shadow: 0px 5px 5px 5px rgb(235,235,235);
}

.sl {
width: 100%;
height: 310px;
position: absolute;
left: 0;
top: 160px;
display: none;
z-index: 900;
background-color: white !important;
}

.i13>ul>li:hover>.sl{
display: block;
}

.g4:hover .g3 {
color: seashell;
}

.g4:hover .g5 {
color: seashell;
}

.sl1 {
width: 1500px;
margin: 0 auto;
line-height: 2;
text-align:center;
}
.sl1::after{
content: ‘’;
display: block;
clear: both;
}
.sl1>ul>li>p:last-child{
color: rgb(255,103,0);
}
.sl2 {
width: 250px;
float: left;
}
.sl2>img{
margin: 50px 30px 15px;
}
.j5 {
width: 1200px;
height: 600px;
position: absolute;
left: 300px;
top: 0;
z-index: 900;
background-color: white;
display: none;
}
.j2:hover .j5{
display: block;
}
.j9{
width: 300px;
height: 100px;
position: relative;
}
.j9 img{
margin: 25px;
}
.j9 span{
position: absolute;
left: 100px;
top: 25px;
color: black;
}
.j9 span:hover{
color: orange;
}

你可能感兴趣的:(css,css3,html)