在LGBT骄傲月 为你的网站加上点色彩

6月是LGBT骄傲月，那么博客站主站也是换上置顶横幅啦，如果你也想支持LGBT平权运动，也可以添加一个css到你的网站哦，只需要以下代码便可以达到顶部彩虹旗的效果（色彩宽度已自适应，通过比例实现）

首先将下面的css代码加入你网页的style.css文件中，或者自己创建一个并将css引入：

.pride {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px; 
  z-index: 99999;

  background: linear-gradient(
    90deg,
    #7dd3fc 0%, #7dd3fc 9.09%,
    #f472b6 9.09%, #f472b6 18.18%,
    #ffffff 18.18%, #ffffff 27.27%,
    #f472b6 27.27%, #f472b6 36.36%,
    #7dd3fc 36.36%, #7dd3fc 45.45%,
    #ef4444 45.45%, #ef4444 54.54%,
    #f97316 54.54%, #f97316 63.63%,
    #facc15 63.63%, #facc15 72.72%,
    #22c55e 72.72%, #22c55e 81.81%,
    #3b82f6 81.81%, #3b82f6 90.9%,
    #a855f7 90.9%, #a855f7 100%
  );

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 
              0 2px 10px rgba(0, 0, 0, 0.06);
}

如果你想要换颜色的话只需要修改 # 属性 而调整顶部比例则修改百分比即可
然后，在你的html文件的内引入它，就可以啦：

<div class="pride"></div>