css 文字描边

作者：Cold—blooded凉薄发布日期:2025-09-03 浏览:81

/* 使用 text-shadow 实现文字描边效果 */
h1 {
  /* 设置文字颜色为白色 */
  color: white;
  /* 使用 text-shadow 创建黑色描边 */
  text-shadow: 
    -1px -1px 0 #000,   /* 左上角阴影 */
    1px -1px 0 #000,    /* 右上角阴影 */
    -1px 1px 0 #000,    /* 左下角阴影 */
    1px 1px 0 #000;     /* 右下角阴影 */
}

解释说明：

color: white;：设置文字的颜色为白色。
text-shadow：通过多个阴影叠加，形成描边效果。每个阴影的参数分别是：水平偏移量、垂直偏移量、模糊半径和阴影颜色。这里通过四个方向的阴影（左上、右上、左下、右下）来实现均匀的描边效果。

上一篇：css隐藏滚动条但能滚动

下一篇：css伪类