Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS图案图像边框_Css_Design Patterns_Geometry_Border Image - Fatal编程技术网

CSS图案图像边框

CSS图案图像边框,css,design-patterns,geometry,border-image,Css,Design Patterns,Geometry,Border Image,我如何才能在图像中的红色圆圈周围以标准的有效方式绘制圆形图案边框图像 我需要一些好的建议 关于我已经将此用于模式。创建你喜欢的图案。如果您有任何疑问,请发表评论 .circle{ 位置:相对位置; 背景:重复线性渐变(向右,#f6ba52,#f6ba52 10px,#ffd180 10px,#ffd180 20px); -webkit边界半径:50px; -moz边界半径:50px; 边界半径:50%; 宽度:100px; 高度:100px; } .圆圈:之后{ 位置:绝对位置; 显示:块;



我如何才能在图像中的红色圆圈周围以标准的有效方式绘制圆形图案边框图像

我需要一些好的建议

关于

我已经将此用于模式。创建你喜欢的图案。如果您有任何疑问,请发表评论

.circle{
位置:相对位置;
背景:重复线性渐变(向右,#f6ba52,#f6ba52 10px,#ffd180 10px,#ffd180 20px);
-webkit边界半径:50px;
-moz边界半径:50px;
边界半径:50%;
宽度:100px;
高度:100px;
}
.圆圈:之后{
位置:绝对位置;
显示:块;
顶部:5px;
左:5px;
宽度:90px;
高度:90px;
内容:“;
背景色:#fff;
边界半径:50%;
}

用谷歌搜索它,你会发现更多我已经用CSS做了这个,我想知道的只是用CSS做圆圈周围的图案边框的技巧。请发布你的代码,以便有人能帮助你