在边框上创建带有一些颜色的圆角容器？

Question

是否可以在css3中创建这样的圆角灰色布局，该布局位于内容和右侧栏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版本支持旧浏览器。

Answer 2

简单

.round {border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;

}

只需将此类添加到您想要舍入的任何内容中。您也可以更改半径。

对于边框border:10px solid #E0DDD7

您可以将#E0DDD7替换为黑色，银色，蓝色等......

如果你想要有圆角，你可以

.round-top {
    -webkit-border-top-right-radius: 24px;
    -webkit-border-top-left-radius: 24px;
    -moz-border-top-right-radius: 24px;
    -moz-border-top-left-radius: 24px;  
}

Answer 3

是;你可以自己创建这个：检查：

http://css3generator.com/