首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css中如何把字描边

发布于 2024-11-11 19:27:42
0
50

在 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 来绘制文字。
评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流