文字红色填充、黑色边框的效果
使用 CSS 的 text-shadow 属性或 text-stroke 属性

第一种方法通过四个方向的黑色阴影叠加形成边框效果，兼容性更好，适合各种浏览器。
第二种方法是 CSS 标准的文字描边属性，更简洁但需要添加浏览器前缀，且旧版浏览器可能不支持。
可以根据实际需求选择合适的方法，并调整数值来改变边框的粗细效果。


两种实现方法：

1. 使用 text-shadow 实现（兼容性更好）：

.red-text-with-black-border {
  color: red; /* 文字颜色为红色 */
  text-shadow: 
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000; /* 四个方向的黑色阴影形成边框效果 */
}

2. 使用 text-stroke 实现（现代浏览器支持）：

.red-text-with-black-border {
  color: red; /* 文字颜色为红色 */
  -webkit-text-stroke: 1px black; /* 黑色边框，1px 为边框宽度 */
}