HTML5 / CSS3 带有部分边框的圆形是不可能的？

在 HTML5 和 CSS3 中，使用纯 DOM 元素创建带有部分边框的圆形是不可能直接实现的。然而，有一些技术可以实现类似的效果：

CSS Mask Method

CSS mask方法涉及使用两层遮罩：

1. Conic渐变蒙版： 创建相对于边框框的可见饼图选择。
2. 全覆盖蒙版： 将顶层限制为填充框。

这种方法可以让你在没有额外元素或 JavaScript 的情况下实现部分边框。

Canvas 绘制方法

或者，你可以使用 canvas 绘制带有部分边框的圆形：

1. 创建一个canvas元素。
2. 使用canvas绘图API创建一个圆并绘制部分圆弧来模仿边框。

SVG方法

SVG（可缩放矢量图形）允许您创建圆形并指定部分边框：

1. 定义 SVG 圆形元素。
2. 使用描边-dasharray 和描边-dashoffset 属性创建部分边框。

HTML5 with JavaScript Method

使用 HTML5 和 JavaScript，您可以动态创建一个圆并修改其边框：

1. 创建一个 DOM 元素（例如 div）来表示圆。
2. 使用 JavaScript 通过 CSS 属性（边框、边框半径和剪辑路径）应用部分边框。

您选择的具体技术将取决于浏览器支持、性能和所需的详细程度等因素。