css 五角星 变成了脚y

五角星是一个经典的图形，常常在网站和应用程序中使用。但是，最近一位开发者遇到了一个奇怪的问题：他的五角星变成了脚y，而不是正常的五角星！这让他非常疑惑。

.star {
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  transform: rotate(35deg);
  margin: 50px
}

这是他的 CSS 代码，与许多其他开发者使用的相同。于是，他开始检查代码，试图找出导致问题的原因。

最后，他发现了原因。这是因为他的字体大小设置过大，导致五角星的大小超出了预期。他调整了字体大小，并重新查看了页面。这次，五角星看上去就像预期的那样了。

这个例子表明，开发中的小错误可能会导致不可预知的结果。在编码时，我们需要保持警惕，并花费时间排除潜在问题。