//采用flex布局
#p1{
display: flex;
//采用正方形
width: 500px;
height: 500px;//变角 上下各50% 圆角化
border-radius: 50%;
flex-direction: row;
justify-content: center;
background-image: url("img/lotus-1.jpg");
background-position: center center;
background-repeat: no-repeat;}
//在<img>标签中添加style属性
<img style="width:300px;height:300px;border-radius=50%">