css 同时设置内外阴影

CSS是一种用于控制网页样式的语言，可以通过使用CSS代码来设置内外阴影。内外阴影能够增加元素的立体感，提高页面的美观度。

/* 设置内外阴影 */
Box-shadow: inset x-offset y-offset blur spread color,x-offset y-offset blur spread color;

上述代码中，Box-shadow是设置阴影的属性，其中inset表示内阴影，不加inset则表示外阴影。x-offset和y-offset分别表示阴影在x和y方向的偏移量，blur表示阴影的模糊度，spread表示阴影的尺寸，color表示阴影的颜色。

/* 设置内外阴影的具体示例 */
/* 内阴影 */
Box-shadow: inset 0 0 10px 5px rgba(0,0.5);
/* 外阴影 */
Box-shadow: 5px 5px 10px rgba(0,0.5);
/* 同时设置内外阴影 */
Box-shadow: inset 0 0 10px 5px rgba(0,0.5),5px 5px 10px rgba(0,0.5);

上述代码分别表示了内阴影、外阴影和同时设置内外阴影的具体示例。其中，rgba表示颜色的RGBA值，即红色、绿色、蓝色和透明度。通常情况下，透明度为0代表完全透明，为1代表完全不透明。

通过使用CSS来设置内外阴影，可以为网页元素增添更多的层次感，使得页面更加美观、优雅。同时，这种设置还能够为网页增加更多的表现力，让用户的使用感受更加舒适、自然。