<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>卡片模块</title>
<style>
.zong
{
width: 250px;
height: 270px;
position: relative;
}
.tupian
{
width: 250px;
height: 150px;
}
.one
{
color: #d4a68f;
display: inline-block;
}
.two
{
color: #9e9d9d;
display: inline-block;
}
.three
{
color: #9e9d9d;
display: inline-block;
}
.xiao
{
width: 210px;
margin: auto;
}
.hot
{
position: absolute;
right: 4px;
top: 4px;
width: 50px;
height: 20px;
}
</style>
</head>
<body>
<div class="zong">
<img class="tupian" src="./webwxgetmsgimg.jpg">
<img class="hot" src="./b0b0737b5f753212d1da9f9cb85be63.jpg">
<div class="xiao">
<p>Android网络图片加载框架详解</p>
<span class="one">高级</span>
<span class="three">.</span>
<span class="two">1125人正在学习</span>
</div>
</div>
</body>
</html>
3_卡片.zip
需积分: 0 136 浏览量
2024-05-22
16:05:45
上传
评论
收藏 9KB ZIP 举报
2401_84002667
- 粉丝: 0
- 资源: 1