时间戳

首页 > 解决方案 > 有没有办法让一个带有盒子阴影插入和正常的 div

javascript - 有没有办法让一个带有盒子阴影插入和正常的 div

问题描述

我有一个 div，我希望它有一个 box-shadow 插图并且正常。

我尝试给它 2 个盒子阴影1 inset and 1 normal，但它没有用。我也尝试用谷歌搜索，但找不到我想要的。

这是我当前的代码。

div {
  padding: 5px;
  background-color: red;
  box-shadow: inset 0 0 10px;
  box-shadow: 0 0 10px;
  text-align: center;
}
<html>
  <head>
    <title></title>
  <head>
  <body>
    <div>hello world</div>
  </body>
</html>

只有给最后一个box-shadow才有办法给第一个box-shadow给

标签： javascripthtmlcss

解决方案

box-shadow再次添加时，您将覆盖该值。

相反，使用逗号分隔多个框阴影，如下所示：

box-shadow: inset 0 0 10px, 0 0 10px;

推荐阅读