使用 css 的文本边框(文本周围的边框)

text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

body {
  font-family: sans-serif;
  background: #222;
  color: darkred;
  }
h1 {
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

<h1>test</h1>

-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;

body {
  font-family: sans-serif;
  background: #222;
  color: darkred;
  }
h1 {
  -webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
}

<h1>test</h1>

Css相关问答推荐

如何使一组元素的行为像字符串一样？

容器内的中心固定元件

以百分比形式输入的css宽度属性不会生效

我应该在哪里放置expo /Reaction本地项目的CSS重置文件？

如何在Angular material 选项卡中设置自定义圆角下划线的样式

如何使用TailwindCSS溢出？

如何使用Bootstrap将图像水平对齐，使其顶部和底部位于同一水平线上？

使用 CSS 关键帧动画更改内容

Tailwind css break-word 在输入字段中不起作用

如何使用 TailwindCSS 水平设置输入和按钮

如何测试页面上的文本被删除

如何更改下拉列表的宽度？

如何制作一个div来包装两个浮动div？

仅针对直接子代而不是其他相同后代的 CSS Select 器

属性nowrap被认为是过时的.建议使用较新的构造.它是什么？

媒体查询以错误的宽度触发

导航栏中的 Bootstrap 3.0 按钮

Angular 5 在某些类中添加了ng-star-inserted - 那是什么？

填充剩余的垂直空间 - 仅 CSS

bootstrap 关闭响应菜单点击