用CSS为头像添加国旗效果，国庆必备！

国庆刚过，期间看到很多朋友都把头像加上国旗。好奇心起，强大的CSS能不能做出来呢？答案是可以的。其实只需要一句简单的CSS属性便可以达到此效果。

只需在头像外框元素上添加以下CSS样式：

.profile-image-wrapper {
  border: 2px solid #ff0000;
  border-radius: 50%;
}

即可为头像添加红色边框并将其转换为圆形。

然后，再添加一个国旗覆盖层元素，并在其上设置以下CSS样式：

.flag-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('path/to/flag.png');
  background-size: contain;
  background-repeat: no-repeat;
}

其中，path/to/flag.png为国旗图片的路径。

这样，国旗覆盖层就会覆盖整个头像，并与头像外框元素完美结合，形成一个带有国旗效果的头像。

您还可以根据自己的喜好调整国旗图片的大小和位置，以达到更佳的效果。

赶快来试试吧，让您的头像在国庆期间也充满爱国情怀！