盒子阴影 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <!--margin:0 auto; 居中
  要求：块元素，块元素有固定的宽度
  -->
  <style>
    img{
      border-radius:40px ;
      box-shadow: 10px 10px 100px red ;
    }

  </style>
</head>
<body>
<!--display: block    此元素将显示为块级元素，此元素前后会带有换行符。-->
<div style="width: 500px;display: block;text-align: center;">
  <img src="images/img.png" alt="">
</div>

</body>
</html>

 

posted @ 2022-04-11 23:31  少时凌云志  阅读(16)  评论(0)    收藏  举报