如何设置svg坡度的高度？这是我的代码答案

【问题标题】：how to set height of svg slope? here is my code如何设置svg坡度的高度？这是我的代码
【发布时间】：2019-01-04 05:00:37
【问题描述】：

我想增加 svg 斜坡的宽度和高度。

这是我的代码。

 [https://codepen.io/hetal001/pen/pZWRYz][1]

【问题讨论】：

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须在问题本身中包含所需的行为、特定问题或错误以及重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：如何创建 minimal reproducible example。 -- 从接近原因

标签： html css svg

【解决方案1】：

如果您编写此代码，您必须知道如何使这个形状更大但是对于这个箭头，我建议使用这个代码：

div {
  margin-top:20px;
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}

<div class="arrow-up"></div>
<div class="arrow-down"></div>
<div class="arrow-left"></div>
<div class="arrow-right"></div>

自定义非常简单

【讨论】：

谢谢，但我需要顶部的圆形。