下面5个小图,上面一个大图,点击小图,切换大图

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin: 0;
padding: 0;
list-style: none;
}
#box{
width: 300px;
border: 1px solid #ccc;
text-align: center;
margin: 100px auto;
}
#fj{
display: flex;
justify-content: space-between;
align-items: center;
}
#des{
padding: 10px;
color: red;
}
#big-img{
padding-bottom: 10px;
}

</style>
</head>
<body>
<div > }
</script>
</body>
</html>

相关文章:

  • 2022-12-23
  • 2021-04-27
  • 2022-03-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-30
猜你喜欢
  • 2021-06-03
  • 2021-07-01
  • 2022-12-23
  • 2021-06-22
  • 2021-10-31
  • 2022-12-23
相关资源
相似解决方案