效果 (源码最后面)
视频演示
视频地址一:https://www.ixigua.com/i6815506102424175116/
源码
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="./style.css" rel="stylesheet">
<title>使用 CSS3 实现响应式推荐卡片</title>
</head>
<body>
<div class="container">
<div class="box">
<img src="./1.png" alt="">
<p>接触动物和动物产品后,要用肥皂和水洗手</p>
</div>
<div class="box">
<img src="./2.png" alt="">
<p>咳嗽和打喷嚏时,用弯曲的肘部或纸巾捂住口鼻&