html - 如何使用CSS创建万宝路样式表

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

background:
linear-gradient(-45deg, white,white 25%, red 25%, red),
linear-gradient( 45deg, white,white 25%, red 25%, red);

我只是菜鸟，所以我真的不知道该怎么做。
有人能帮我吗？考虑红色三角形不一定要到达我桌子的底部边框，而是大约50％

最佳答案

您已经有了基本的想法，但是对于角度而言，渐变的更好值似乎是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>

关于html - 如何使用CSS创建万宝路样式表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44487787/