使用HTML和CSS创建L形边框,是否可能?

前端之家收集整理的这篇文章主要介绍了使用HTML和CSS创建L形边框,是否可能?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以仅使用 HTML和CSS创建这样的L形边框?

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

编辑2:我想复制上面的图片 – 适当弯曲的圆角.这是我在这里遇到困难的主要原因:http://jsfiddle.net/cBwh8/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;
}

猜你在找的HTML相关文章