如何用css创建万宝路样式表

Question

我正在尝试使用线性渐变创建一个看起来像"marlboro package"的表格。像

这样的东西

zeros

我只是一个菜鸟，所以我无法弄明白该怎么做。 有人能帮我吗？考虑到红色三角形不必到达我桌子的底部边框，而是像它的50％

Answer 1

您有基本的想法，但渐变的渐变值似乎是25deg的角度和60%的白色部分。

像这样的东西

.box{
	box-sizing:border-box;
	background:
	linear-gradient(-25deg, transparent 0%, transparent 60%, #c60000 60%, #c60000 100%),
	linear-gradient(25deg, transparent 0%, transparent 60%, #c60000 60%, #c60000 100%);
	
	border:10px solid #ccc;
	width:500px;
	height:350px;
	
	font-size:5em;
	text-align:center;
	padding-top:220px;
}

<div class="box">Marlboro<div>