Html 添加2：在'之前；s:在'之后；在同一个div上创建两个三角形

下面是我用css创建的一个三角形（看起来像是有边框的）

我想创建另一个三角形，完全相同，但在第一个三角形的右边大约50像素

你会怎么做这2：之前的：之后的

HTML

---

不需要使用单独的笔划和填充创建三角形，请使用css3 transform rotate。然后你可以用before表示一个三角形，用after表示第二个三角形

display: block;
width: 34px;
height: 34px;

transform: rotate(45deg);
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
background: white;

---

请参见此处的全部代码：

您不需要使用单独的笔划和填充创建三角形，请使用css3 transform rotate。然后你可以用before表示一个三角形，用after表示第二个三角形

display: block;
width: 34px;
height: 34px;

transform: rotate(45deg);
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
background: white;

---

请参见此处的全部代码：

您可以使用CSS3变换旋转属性。请参阅文档。

您可以使用CSS3变换旋转属性。见文件

display: block;
width: 34px;
height: 34px;

transform: rotate(45deg);
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
background: white;