如何在圆的现有边界周围创建多个边界
我正在使用border-radius: 50%;和在CSS中创建一个半透明的圆圈border: 400px solid rgba(255, 255, 255, .5);。
在这个圆的周围，我希望有另一个完全透明的边界（例如10个像素），而又想有另一个半透明的边界（10个像素）。
这是我创建圈子的方式：
div.circle {
background: rgba(255, 255, 255, .5);
height: 400px;
width: 400px;
border-radius: 50%;
margin: auto;
margin-top: 10px;
}
<div class="circle"></div>
我需要怎么做才能在现有边界周围创建另一个边界，然后再创建另一个边界？
问题答案：
您可以使用简单的边框并将背景裁剪到，content-box以在填充区域中创建透明部分：
div.circle {
background: rgba(255, 255, 255, .5) content-box;
padding: 10px;
height: 180px;
width: 180px;
box-sizing: border-box;
border-radius: 50%;
margin:10px auto;
border: 10px solid rgba(255, 255, 255, .5);
}
body {
background: pink;
}
<div class="circle"></div>
您也可以考虑 radial-gradient
div.circle {
background:
radial-gradient(farthest-side,
rgba(255, 255, 255, .5) calc(100% - 20px),transparent calc(100% - 20px),
transparent calc(100% - 10px),rgba(255, 255, 255, .5) calc(100% - 10px));
height: 180px;
width: 180px;
box-sizing: border-box;
border-radius: 50%;
margin:10px auto;
}
body {
background: pink;
}
<div class="circle"></div>
您可以轻松缩放到任意数量的边界：
div.circle {
background:
radial-gradient(farthest-side,
#fff calc(100% - 61px),transparent calc(100% - 60px),
transparent calc(100% - 51px),#fff calc(100% - 50px),
#fff calc(100% - 41px),transparent calc(100% - 40px),
transparent calc(100% - 31px),#fff calc(100% - 30px),
#fff calc(100% - 21px),transparent calc(100% - 20px),
transparent calc(100% - 11px),#fff calc(100% - 10px));
height: 180px;
width: 180px;
box-sizing: border-box;
border-radius: 50%;
margin:10px auto;
}
body {
background: pink;
}
<div class="circle"></div>
-
因此，我训练了一个对象识别神经网络（YOLOv3）来检测以各种倾斜和直线角度拍摄的汽车图片牌照周围的边界框，该网络非常可靠。然而，现在我想利用图像处理从包围它的边界框中提取车牌平行四边形，而无需训练另一个神经网络。示例图像： 我曾尝试使用OpenCV内置函数执行边缘和轮廓检测，如下面的最小代码所示，但仅以这种方式在一小部分图像上成功： 以下是一些结果示例： （最上面一行图像是边缘检测阶段的结果）
-
问题内容： 我有以下CSS： 添加边框半径：5px似乎没有任何作用，我认为这是因为我使用的是边框渐变，我是否有办法完全实现所需的5px边框半径？ 问题答案： You cannot use with gradient. Here is another idea where you can rely on multiple background and adjust the : 如果需要透明性，可以考
-
我正在尝试为类（Java）制作一种棋盘。我们的老师想让我们把棋盘上的每个方块都做成一个按钮，他给了我们一个按钮应该是什么样子的想法。空方块显然需要是纯黑色或纯白色。当方块上有一块时，问题就出现了。我们的老师想让我们用文本来记录哪些方块上有哪些块，他想让文本是黑色还是白色取决于它是谁的块。由于我们不能在白色背景上放置白色文本，他建议当一个方块上有一块时，我们将方块的颜色改为灰色。我不是粉丝。有没有可
-
问题内容： 这是我的 owl/动画的JSFIDDLE，没有任何清楚显示的问题 。据我了解，这是由引起的， 可能是由于引起的。 drop-shadows border-radius overflow: hidden; owl不是这个问题的意思，只是我所遇到的类似情况的一个示例。jsfiddle / cat是这个问题的意思，对不起， 混淆！ 这是我的猫的JSFIDDLE，具有使用blura属性的插入框
-
我想做的是让POPOVER的左上角与父视图的左上角相等，我试过这样的操作： 然而，结果是这样的：截图看起来像是iOS添加了一些偏移量到popover 我还尝试将modalPresentationStyle更改为overCurrentContext，但它变成了fullscreen。有没有办法使用当前的ViewController来做到这一点？（而不是手动将子视图添加到该位置）
-
给定一个这样构造的多边形： 这可以正确地计算三角形的面积。但是，如果我用“perimeter”替换area属性，我会得到以下消息：“polygon”对象没有“perimeter”属性，这似乎很荒谬。当然，shapely必须能够找到多边形的周长，就像找到面积一样容易？我已经在这个主题上搜索了一段时间（例如“Python shapely Perimeter”和“Python polygon Perim