css stroke

作者：陌路情殇发布日期:2025-02-12 浏览:146

/* 使用 CSS stroke 实现文本描边效果 */

.text-stroke {
  color: white; /* 文本颜色 */
  -webkit-text-stroke: 2px black; /* 描边宽度和颜色 */
  font-size: 48px; /* 字体大小 */
  font-weight: bold; /* 字体加粗 */
}

/* 示例 HTML 代码 */
/*
<p class="text-stroke">Hello, World!</p>
*/

解释说明：

-webkit-text-stroke 是一个 CSS 属性，用于为文本添加描边效果。它接受两个参数：描边的宽度和描边的颜色。
color 属性用于设置文本本身的颜色。
font-size 和 font-weight 用于调整文本的大小和粗细，以确保描边效果更加明显。

如果你在浏览器中使用这段代码，你会看到文本 "Hello, World!" 呈现白色，并且周围有一圈黑色的描边。

上一篇：css div 垂直居中

下一篇：css横向滚动条样式