html中如何设置边框内阴影

在HTML中，设置边框内阴影可以通过CSS的Box-shadow属性来实现。Box-shadow可以设置四个参数：水平偏移量、垂直偏移量、模糊度和阴影大小。下面是一个示例：

.my-div {
  Box-shadow: 2px 2px 4px 1px #888888;
}

代码中，我们设置了my-div这个div元素的阴影。2px和2px分别表示水平和垂直偏移量，4px表示模糊度，1px表示阴影大小。最后一个参数#888888是十六进制颜色值，用于设置阴影颜色。

如果我们想为一个元素设置多组阴影，可以使用逗号将它们分开。例如：

.my-div {
  Box-shadow: 2px 2px 4px 1px #888888,-2px -2px 4px 1px #AAAAAA;
}

这个代码为my-div元素设置了两组阴影。第一组阴影的偏移量是2px和2px，阴影颜色为#888888；第二组阴影的偏移量是-2px和-2px，颜色为#AAAAAA。

除了Box-shadow，CSS还有另一个属性text-shadow可以用来为文本设置阴影。它的用法与Box-shadow类似，只不过作用于文本而非元素。

.my-text {
  text-shadow: 1px 1px 1px #CCCCCC;
}

这个代码为class为my-text的文本添加了一个阴影，偏移量为1px和1px，模糊度为1px，颜色为#CCCCCC。

总之，我们可以使用Box-shadow和text-shadow为HTML中的元素和文本设置阴影，从而使其看起来更加立体、有深度。