web前端全系列 教程
1839个小节阅读:2243.9k
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
xxxxxxxxxx
<div class="elc">
<h3 class="title">家电</h3>
<div class="elc-box">
<div class="items1 items2">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/f256b81e4233333692eece77ed06ebc2.jpg" alt="">
</a>
</div>
<div class="items1">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/ef4c68fed730ec26bf2fa0ff620975c5.jpg" alt="" class="img1">
<p class="name2">Redmi 红米电视 70英寸 </p>
<p class="desc2">70英寸震撼巨屏,4K画质,细腻如真</p>
<p class="price2">3199元 <del>3799元</del></p>
</a>
</div>
<div class="items1">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/ef4c68fed730ec26bf2fa0ff620975c5.jpg" alt="" class="img1">
<p class="name2">Redmi 红米电视 70英寸 </p>
<p class="desc2">70英寸震撼巨屏,4K画质,细腻如真</p>
<p class="price2">3199元 <del>3799元</del></p>
</a>
</div>
<div class="items1">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/ef4c68fed730ec26bf2fa0ff620975c5.jpg" alt="" class="img1">
<p class="name2">Redmi 红米电视 70英寸 </p>
<p class="desc2">70英寸震撼巨屏,4K画质,细腻如真</p>
<p class="price2">3199元 <del>3799元</del></p>
</a>
</div>
<div class="items1">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/ef4c68fed730ec26bf2fa0ff620975c5.jpg" alt="" class="img1">
<p class="name2">Redmi 红米电视 70英寸 </p>
<p class="desc2">70英寸震撼巨屏,4K画质,细腻如真</p>
<p class="price2">3199元 <del>3799元</del></p>
</a>
</div>
<div class="items1 items2">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/f256b81e4233333692eece77ed06ebc2.jpg" alt="">
</a>
</div>
<div class="items1">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/ef4c68fed730ec26bf2fa0ff620975c5.jpg" alt="" class="img1">
<p class="name2">Redmi 红米电视 70英寸 </p>
<p class="desc2">70英寸震撼巨屏,4K画质,细腻如真</p>
<p class="price2">3199元 <del>3799元</del></p>
</a>
</div>
<div class="items1">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/ef4c68fed730ec26bf2fa0ff620975c5.jpg" alt="" class="img1">
<p class="name2">Redmi 红米电视 70英寸 </p>
<p class="desc2">70英寸震撼巨屏,4K画质,细腻如真</p>
<p class="price2">3199元 <del>3799元</del></p>
</a>
</div>
<div class="items1">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/ef4c68fed730ec26bf2fa0ff620975c5.jpg" alt="" class="img1">
<p class="name2">Redmi 红米电视 70英寸 </p>
<p class="desc2">70英寸震撼巨屏,4K画质,细腻如真</p>
<p class="price2">3199元 <del>3799元</del></p>
</a>
</div>
<div class="items-last">
<div></div>
<div></div>
</div>
</div>
<div class="big-img">
<a href="#">
<img src="https://www.itbaizhan.com/wiki/images/c3b86ede4dd31d7c126d56fbdde4f855.jpg" alt="">
</a>
</div>
</div>
xxxxxxxxxx
.items2{
margin-left: 0;
padding: 0;
}
.price2>del{
color: #b0b0b0;
}
.items-last{
width: 234px;
height: 300px;
float: left;
margin-left: 14px;
}
.items-last>div{
width: 234px;
height: 143px;
background-color: #fff;
transition: all .2s linear;
}
.items-last>div:first-child{
margin-bottom: 14px;
}