Question

这是我尝试的代码，但是盒子阴影

＆＃13;

div {
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}

＆＃13;

<div>abc</div>

＆＃13;

我需要的是这个，，有可能使用背景图片，但我想用css做这件事。

这是原始图片：

谢谢

Answer 1

@Prasanga请根据您的要求查找以下代码。

＆＃13;

div {
    box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
    width: 100px;
    height: 100px;
    margin: 50px;
    background: white;
}

＆＃13;

<div></div>

＆＃13;

Answer 2

你也可以尝试这个---

    div {
      width: 300px;
      height: 100px;
      background-color: yellow;
     box-shadow:0px 15px 0px 0px white,0px -15px 0px 0px white, 5px 0px 8px #444,-5px 0px 8px #444;
    }

<html>
  <head></head>
  <body>
    <div ></div>
  </body>
</html>

Answer 3

这里很简单：

 <div>abc</div>

{{1}}

如何仅使用css

3 个答案: