我正在使用2个边框来制作这个三角形,我希望像下面的框一样有一个边框.(
border-bottom: 6px double black; border-right: 6px double black;)就在三角形的倾斜边缘上.最大的困难是它略显不透明.
>

.title {
width: 300px;
height: 0px;
border-bottom: 50px solid #f2f2f2;
border-right: 50px solid transparent;
opacity: .8;
position: absolute;
margin: 47px 0 0 62px;
}
#media {
margin: 97px 0 0 62px;
position: absolute;
height: 100px;
background-color: #f2f2f2;
opacity: .8;
width: 350px;
z-index: 2;
border-bottom: 6px double black;
border-right: 6px double black;
}
Run Code Online (Sandbox Code Playgroud)
<div id="media"></div>
<div class="title"></div>
Run Code Online (Sandbox Code Playgroud)