html div边框左上角,html – 使用CSS在三角形上左上角的边框半径

>首先在所有边上设置相等的边框宽度

>然后在顶部和左侧添加边框颜色,并将右侧和底部透明设置

div {

width: 0;

height: 0;

border-style: solid;

border-width: 55px;

border-color: #c00000 transparent transparent #c00000;

float: left;

position: absolute;

top: 8px;

border-radius: 10px 0px 0px 0px;

}

使用box-shadow,您可以使用伪元素来提供box-shadow

div {

width: 0;

height: 0;

border-style: solid;

border-width: 55px;

border-color: #c00000 transparent transparent #c00000;

float: left;

position: absolute;

top: 8px;

border-radius: 10px 0px 0px 0px;

}

div:after {

content: '';

position: absolute;

width: 1px;

height: 155px;

top: -55px;

left: 54px;

transform: rotate(45deg);

transform-origin: left top;

box-shadow: 2px 1px 6px 1px red;

}