文章标签

Martijn Cuppens 没有使用用户代理嗅探、CSS 技巧或任何类似的方法来创建这个奇特的 div。这只是一个普通的 <div></div>，使用outline 属性，如下所示

div {
  outline: inset 100px green;
  

CSS 中的 outline-offset 属性将定义的轮廓从元素的边框边缘偏移指定量。轮廓与边框不同，它不占用页面上的任何空间（如绝对定位元素）…

有一种非标准的方法来描边 HTML 文本（SVG 有一种标准方法）。它不是特别新。它有 -webkit- 和 -moz- 前缀。Jen Simmons 最近发布了关于它的文章，并提供了一个示例

span {
     -moz-text-fill-color: #fde;
  

CSS 中的 outline 属性在元素外部绘制一条线。它类似于border，但

1. 它总是围绕所有边框，您不能指定特定边框
2. 它不是CSS 盒模型的一部分

网页上的字体本质上是基于矢量的图形。这就是为什么您可以以 12px 或 120px 显示它们，并且它们仍然保持清晰和相对锐利的原因。矢量表示它们的形状由点和数学公式来描述形状，…