空心文字

字数: 0 字 时长: 0 分钟

请在深色模式下查看此页面 text-shadow有八个方向，参考直角坐标系

css

<h1 style="font-size: 6em;color: #000;">空心文字</h1>

css

<h1 style="font-size: 6em;color: #000;text-shadow:1px 0 #fff">空心文字</h1>

css

<h1 style="
font-size: 6em;
color: #000;
text-shadow:
1px 0 #fff,
1px 1px #fff,
0px 1px #fff,
-1px 1px #fff,
-1px 0px #fff,
-1px -1px #fff,
0 -1px #fff,
1px -1px #fff">
空心文字</h1>

空心文字

空心文字

空心文字

Just to go

text-stroke 也是用来文字描边，但是似乎不太好用

text-stroke 和 text-shadow
css兼容问题之文本描边篇 text-stroke 和 text-shadow