三行代码  ›  专栏  ›  技术社区  ›  john ducket

如何使用Css内框阴影?[副本]

  •  -3
  • john ducket  · 技术社区  · 1 月前

    边境 半径

    .box{
    width:200px;
    height:200px;
    background-color:blue;
    box-shadow:-20px 0px red;
    }
    <html>
        <head><head>
        <body>
            <div class="box">
       </div>
        </body>
    </html>

    如何解决这个问题?????

    3 回复  |  直到 1 月前
        1
  •  2
  •   coo zera    1 月前

    使用 box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);

    知足 click

        2
  •  1
  •   Cute Code Rob    1 月前

    使用CSS创建一个内框阴影,如下所示。。。。

    box-shadow: inset 0px 0px 5px red;
    

    inset 是与普通长方体阴影的唯一区别。

        3
  •  1
  •   Sato Takeru    1 月前

    使用 box-shadow: inset apx bpx cpx color;

    .box{
    width:200px;
    height:200px;
    background-color:blue;
    box-shadow: inset 0px 0px 20px red;
    }
    <html>
        <head><head>
        <body>
            <div class="box">
       </div>
        </body>
    </html>