css&;html:隐藏边框的一角

css&;html:隐藏边框的一角,html,css,bootstrap-modal,Html,Css,Bootstrap Modal,我有以下用户界面。我只想隐藏三种颜色的div的一角 应该是这样的 _ | | - 有人知道如何隐藏div边框的角吗 这是我要的代码 html:- <div class="main"> <div class="container"> <div class="row container-row green-border"> <div class="col-md-12">

我有以下用户界面。我只想隐藏三种颜色的div的一角

应该是这样的

 _
| |
 -

有人知道如何隐藏div边框的角吗

这是我要的代码

html:-

<div class="main">
    <div class="container">
        <div class="row container-row green-border">
            <div class="col-md-12">

            </div>                              
        </div>                              
    </div>                              
</div>
.container {
    border: 5px solid white; 
    box-shadow: 0 0 0 5px orange;
}
.green-border {
    border: 5px solid green; 
}

其他css正在从引导css中提取。

这有点凌乱、肮脏,但它会给出期望的结果

#容器
{
位置:相对位置;
顶部:20px;
左:20px;
宽度:200px;
高度:200px;
边框:实心1px黑色;
填充:10px;
}
#tl,#tr,#bl,#br
{
位置:绝对位置;
宽度:10px;高度:10px;
背景色:白色;
显示:块;
}
#tl{top:-1px;left:-1px;}/*左上角*/
#tr{top:-1px;right:-1px;}/*右上角*/
#bl{bottom:-1px;left:-1px;}/*bottom left*/
#br{底部:-1px;右侧:-1px;}/*底部右侧*/

你好

您能提供一些代码吗?您是说圆形吗?这可能是个好主意,但你必须根据你的情况调整它。或者只是在每个角落放一个小的白色背景。这么多的反对票?这个问题有那么糟糕吗?@SachinKanungo我完全无法理解。“隐藏部门边界的一角”,他到底想要什么?即使他提供了代码,这个问题也无法回答。