!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.goods{
border: 1px solid red;
width:220px;
weight:700px;
}
.price>span:first-child{
color: #eb5628;
font-size: 20px;
}
.price>span:nth-child(2){
background-color: #eb5628;
color: white;
font-size: 10px;
}
.price>span:nth-child(3){
float: right;
}
.price>span:last-child{
color:#777;
float:right;
font-size:10px ;
}
.pang>span{
float: right;
color: #777;
font-size:10px;
}
.pang>a{
color: #777;
font-size:10px;
}
.des>a:link{
color: black;
text-decoration:none;
}
.des>a:visited{
color:black;
}
.des>a:hover{
color: black;
text-decoration:underline;
}
.des>a:active{
color:blue
}
</style>
</head>
<body>
<div class="goods">
<img src="./img/淘宝.png" alt="">
<div class="text">
<div class="price">
<span>¥9.80</span>
<span>包邮</span>
<span>20万+人付款</span>
</div>
<div class="des">
<a href="#">舍里日式陶瓷碗2023新款网红盘子碗套装餐具</a>
</div>
<div class="pang">
<a href="#1">舍李旗舰店</a>
<span>浙江 杭州</span>
</div>
</div>
</div>
</body>
</html>
扫一扫
89
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
