css背景从上到下颜色渐变、css背景从左到右颜色渐变、 css框线展示外阴影、css框线展示内阴影

作者：System 时间：2024年08月12日分类：所有,css 字数：533

背景从上到下颜色渐变：




.gradient-background {
  background: linear-gradient(to bottom, #ffffff, #000000);
}

背景从左到右颜色渐变：




.gradient-background {
  background: linear-gradient(to right, #ffffff, #000000);
}

框线显示外阴影：




.box-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

CSS框（没明确理解问题，这里假设问题是如何创建一个具有边框的盒子）：




.box {
  border: 1px solid #000000;
}

以上代码可以直接应用于HTML元素，例如：




<div class="gradient-background box-shadow"></div>

这将创建一个具有从上到下渐变背景的盒子，并带有外阴影。