小编les*_*shy的帖子

边界上的三角形

我正在使用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)

html css

10
推荐指数
1
解决办法
204
查看次数

标签 统计

css ×1

html ×1