box-shadow: inset

box-shadow: inset是用于在元素内部创建一个内阴影效果的CSS属性。通过使用inset关键字，阴影将被绘制在元素的内部，而不是默认的外部。

该属性接受一组值，包括水平偏移量、垂直偏移量、模糊半径、扩展半径和颜色。例如：

box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.5);

这个例子将在元素内部创建一个5像素模糊半径的2像素外扩展的黑色阴影效果。你可以根据需要调整这些值来创建不同的效果。

相关问题

box-shadow里inset为0

在CSS的box-shadow属性中，inset用于指定阴影是内部阴影还是外部阴影。当inset的值为0时，表示阴影是外部阴影，不是内部阴影。这意味着阴影会被绘制在元素的边界之外，而不是在元素的内部。具体来说，当设置box-shadow属性时省略inset或将其值设为0，阴影将被渲染为外部阴影。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [分享CSS3里box-shadow属性的使用方法，包括内阴影box-shadow：inset](https://blog.csdn.net/ly000666/article/details/120661371)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [css3 transition box-shadow 变为inset 不生效](https://blog.csdn.net/printf_hello/article/details/124521431)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

css box-shadow:

box-shadow 属性用于在元素周围创建阴影效果。它的语法如下：

box-shadow: h-shadow v-shadow blur spread color inset;

其中：

- h-shadow：必需，水平阴影的位置。可以是正值（阴影在元素右侧），也可以是负值（阴影在元素左侧）。
- v-shadow：必需，垂直阴影的位置。可以是正值（阴影在元素下方），也可以是负值（阴影在元素上方）。
- blur：可选，模糊距离。默认值为 0，表示阴影不模糊。模糊距离越大，阴影越模糊，阴影的边缘就越柔和。
- spread：可选，阴影的扩张半径。正值会使阴影扩大，负值会使阴影缩小。
- color：可选，阴影的颜色。默认值为黑色。
- inset：可选，阴影是否为内阴影。默认为外阴影。如果设置为 inset，则为内阴影。

例如，要创建一个向右下方投影的黑色阴影，可以使用以下代码：

box-shadow: 2px 2px black;

如果要创建一个内阴影，可以在属性值中加入 inset：

box-shadow: inset 2px 2px black;