文章标签

CSS 中的 outline 属性 在元素外部绘制一条线。这与 border 属性非常相似，主要区别在于 outline 不是盒子模型的一部分。它通常用于……

假设有人要求您向一些随机的几何 SVG 形状添加一个 **双** 边框。出于某种原因，您不能使用任何图形编辑器——它们需要在运行时生成——因此您必须解决这个问题……

这个关于渐变边框的小技巧非常有用

.border-gradient {
  border: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}

这里有一些基本演示，来自我们关于此主题的 文章。Stephanie Eckles 在 分享 这个想法……

一些 HTML 元素带有预设设计，例如令人不方便的小方块 <input type="checkbox"> 元素，有限颜色的条形 <meter> 元素，以及“它们让我有点不舒服”的 <details> 元素的箭头。我们可以将它们样式化以匹配……

您可以将典型的 CSS border 设置为虚线或点线。例如

.box {
   border: 1px dashed black;
   border: 3px dotted red;
}

您对虚线或间隙的大小或长度没有太多控制权。……

假设我们要定位一个元素，并仅仅 _视觉上模糊_ 它的边框。没有简单的、单一的内置 Web 平台功能可以实现。但我们可以用一些 CSS 技巧来完成它……

前段时间，我正在为 An Event Apart 的网站添加焦点样式。其中一部分是在设计的不同区域应用不同的焦点效果，例如标题中的白色圆环和……

假设您需要在元素周围添加一个 _渐变_ 边框。我的想法是这样的

• 没有简单的、显而易见的 CSS API 可以实现这一点。
• 我将用一个带有 linear-gradient 背景的包装元素，然后一个内部元素将阻止

前几天我看到了一段关于这个的小对话，并认为查看所有不同的方法会很有趣。它们都不特别棘手，但也许你会更喜欢其中的一种，因为它……