前端 - 如何在CSS中创建弧形线段（如图）？
这种弧形线段用CSS该怎么做啊! 
共有1个答案
使用 SVG
<?xml version="1.0" encoding="utf-8"?>
<svg width="500px" viewBox="0 0 100 30" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#778ecb"/>
<stop offset="50%" stop-color="#bccdee"/>
<stop offset="100%" stop-color="#778ecb"/>
</linearGradient>
</defs>
<path stroke-width="10" stroke-linecap="round" fill="none" stroke="url(#gradient)" d="M 10 10 a 100 150 0 0 0 80 0"/>
</svg>
-
请问如何绘制圆环，并切除一部分呢？ 圆环内部需要透明的以方便放置其他元素
-
问题内容： 我想创建一个具有任意大小的div，然后在该div上显示一些内容。完全按照CSS中下面的div定位和调整叠加层大小的最佳方法是什么？ 问题答案： 您可以使用将叠加层放置在div内部，然后在各个方向上将其拉伸，如下所示： CSS 已更新* 您只需要确保您的父div为其添加了属性，并为其设置了更低的属性。 为下面的评论者制作了一个可以在所有浏览器（包括IE7 +）上运行的演示。 从CSS中移
-
问题内容： 有什么方法可以创建线程以一次运行多个方法吗？ 这样，如果任何方法在所有其他线程之间失败，则应终止。 问题答案： 每个node.js进程在设计上都是单线程的。因此，要获得多个线程，您必须具有多个进程（正如其他一些发帖人所指出的那样，您还可以链接到一些库，这些库使您能够使用Node中的线程，但是没有这些库就没有这种能力。请参阅Shawn Vincent的回答，参考https://githu
-
问题内容： 用CSS在目录中做前导点的好方法是什么？ 例： 问题答案： 摘自这篇有关CSS的领导者点的 字段标签包裹在div中，该div具有在x方向上重复应用的小点图像作为背景。仅此一项将导致点在文本下方流动。因此，为消除这种影响，文本本身会被包裹在一个跨度中，在该跨度中，背景色设置为与包含元素的背景色匹配。 这是CSS： 要将其应用于示例表单，只需将其用作： 堆栈片段中的演示
-
问题内容： 如何让您的div一路下滑？如何填充父div的垂直空间？如何在不使用背景图像的情况下获得等长的列？ 我花了几天时间使用Google搜寻和剖析代码，以了解如何尽可能简单高效地完成等长列。这是我想出的答案，我想在一个小教程中与社区复制和粘贴样式共享此知识。 对于那些认为这是重复的，不是。我受到几个网站的启发，其中包括http://matthewjamestaylor.com/blog/equ
-
如何创建如下所示的菜单： 链接到PSD 我不想用PSD图像。我更喜欢使用像FontAwesome这样的软件包中的图标，并在CSS中生成背景/CSS。 使用PSD生成工具提示图像然后使用它的菜单版本可以在这里找到。
-
问题内容： 我想制作一个圆形的大拇指和大拇指向下的按钮。 我应该使用ImageView还是Button作为超类？ 我将如何在Swift中做到这一点？ 问题答案： 这是一个圆形按钮示例： 斯威夫特3： Swift 2.x：
-
基本上，我有一个矩形位图，并希望创建一个新的正方形尺寸的位图，其中将包含其中的矩形位图。 因此，例如，如果源位图的宽度：100和高度：400，我想要一个宽度：400和高度：400的新位图。然后，绘制以这个新位图为中心的源位图（请参阅附加图像以更好地理解）。 我下面的代码很好地创建了方形位图，但没有将源位图绘制到其中。结果，我留下了一个完全黑色的位图。 这是代码： 知道我哪里做错了吗？