css透明圆角分隔符

时间:2016-09-13 14:21:25

标签: javascript html json css3

我有CSS问题,我如何实现css圆角作为分隔符谢谢。选中的是透明的。enter image description here

2 个答案:

答案 0 :(得分:0)

如果我正确地阅读了您的问题,则表示这些“否定”问题。灰色区域的角落?

您可以尝试使用伪元素(:after:before)。

类似的东西:

li {
    position: relative;
}
li:after {
    background-color: white;
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    right: -5px;
    bottom: -5px;
    z-index: 1;
    border-radius: 10px;
}

答案 1 :(得分:-1)

您的css选择器在哪里尝试以下操作:

border-radius: 5px;

这告诉浏览器根据您提供的像素数使边框四舍五入。阅读更多here(W3Schools)。