css - 创建边框上带有某种颜色的圆 Angular 容器？

Question

是否可以在css3中创建这样一个围绕内容和右侧栏的圆 Angular 灰色布局Livesite 图片在这里

抱歉，我是 css3 的初学者。

Answer 1

.element {
    /* set border styling */
    border-color: black;
    border-style: solid;
    border-width: 10px;

    /* set border roundness */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

由于 border-radius 是一项 CSS3 功能，而且相当新，因此建议使用 -moz 和 -webkit 版本来支持旧版浏览器。