在 CSS 中,通过 text-stroke 属性可以给文字描边。下面是一个简单的例子:
css
p {
font-size: 36px;
font-weight: bold;
color: #fff;
text-stroke: 1px #000;
}
这个样式将会给所有 p 标签内的文字加上 1 像素宽度的黑色描边。你可以根据需要自己调整描边的颜色、宽度等参数。
需要注意的是,text-stroke 属性目前只在 Safari 和 Chrome(及其他基于 Chromium 的浏览器)中得到支持。如果你需要在其他浏览器中实现文字描边,可以考虑使用 SVG 或 Canvas 来绘制文字。