html - 使用 HTML 和 CSS 创建 L 形边框，可能吗？

Question

是否可以仅使用 HTML 和 CSS 创建这样的 L 形边框？

编辑:这就是我现在拥有的:http://jsfiddle.net/cBwh8/

Edit2:我想复制上面的图片——适当 flex 的圆 Angular 。这是我在这里遇到困难的主要原因:http://jsfiddle.net/cBwh8/1/

Answer 1

试试这个:对我有用

div.outer {
    margin: 10px;
    width: 200px;
    height: 200px;
    border: 1px solid blue;
    border-radius: 10px;
}

div.inner {
    width: 160px;
    height: 160px;
    border-right: 1px solid blue;
    border-bottom: 1px solid blue;
    margin-top:-1px;
    margin-left:-1px;
    background:#FFF;
}