![92f08134618479c813d4aa8680b11eef.png](https://i-blog.csdnimg.cn/blog_migrate/784b4e621c72c4e4f99e1279b38ab3f3.jpeg)
最近网站的图片都流行一种Instagram的正方形排版风格,对于一些本来不是正方形的图片要如何做处理呢,方法大概可能不少,这里分享一个个人比较喜欢也比较简单的做法,只用到css就可以
首先写一个html,在里面做一个div盒子,相当于图片的外框,起个名字叫frame,
然后再在框里写一个div,叫target,把他的背景设置为我们的图片,代码是这样的
<!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 rel="stylesheet" href="style.css">
<title>ImageSquare</title>
</head>
<body>
<div id="fram