蒙牛官网页面html仿写,小米区块仿写.html

*{

padding: 0;

margin: 0;

}

.xiaomi{

width: 240px;

height: 300px;

/*border: 1px solid blue;*/

color:#FFFFFF ;

margin:0 auto;

position: relative;

}

.xiaomi:hover{

border: 1px solid blue;

}

.xiaomi img{

left: 45px;

top: 40px;

position: absolute;

}

.xiaomi .bazhe{

width: 64px;

height: 20px;

line-height: 20px;

font-size: 12px;

font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;

color: red;

text-align: center;

left: 87px;

top: 0;

color: #fff;

background: #e53935 ;

position: absolute;

display: block;

}

.xiaomi .gangpao{

text-decoration: none;

font-size: 14px;

font-weight: 400;

font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;

left: 53px;

top: 205px;

color: #333;

position: absolute;

}

.xiaomi .price{

font-size:14px;

font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; ;

color: #ff6700;

left:80px;

bottom:55px;

position: absolute;

}

.xiaomi .old_price{

font-size:14px;

font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; ;

color: #b0b0b0;

right:89px;

bottom:55px;

text-decoration: line-through;

position: absolute;

}

.xiaomi .rank{

font-size: 12px;

font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;

line-height: 20px;

color: #b0b0b0;

left: 87px;

bottom: 15px;

position: absolute;

}

享8折

小米小钢炮蓝牙音箱2

99元

129元

1.1万人评价

一键复制

编辑

Web IDE

原始数据

按行查看

历史