Question

我正在尝试在项目中为图像添加阴影，而不是在完整的div中。我在CSS中添加了box-shadow属性，但它不起作用。有人请帮帮我！谢谢。

<!DOCTYPE html>
    <body>
    <div class="container-fluid">
     <div class="row">
       <div class="col-sm-2>
         <a href="#"><img class="image-responsive" src="images/help.jpg></a>
         <a href="#>XXXXXXXX</a>
         <a href="#>XXXXXXXX</a>
         <a href="#>XXXXXXXX</a>
         <a href="#>XXXXXXXX</a>
       </div>
     <div class="col-sm-10>
    </div>
    </body>
    </html>

Answer 1

使用box-shadow：

＆＃13;

img {
  box-shadow: rgba(0, 0, 0, .6) 5px 5px 5px;
}

＆＃13;

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-2">
      <a href="#">
        <img class="image-responsive" src="images/help.jpg">
      </a>
      <a href="#">XXXXXXXX</a>
      <a href="#">XXXXXXXX</a>
      <a href="#">XXXXXXXX</a>
      <a href="#">XXXXXXXX</a>
    </div>
    <div class="col-sm-10">
    </div>
  </div>
</div>

＆＃13;

并确保正确关闭所有<div>代码。

如何为图像添加阴影

1 个答案: