html div边框添加文字,css通过text-shadow给文字加边框！

效果图如下

其实就是使用text-shadow实现的一个边框效果，想要什么背景色就把色值变化一下

text-shadow: 4px 4px 0 #540017, 4px -4px 0 #540017, -4px -4px 0 #540017, -4px 4px 0 #540017, 4px 3px 0 #540017, 4px -3px 0 #540017, -4px -3px 0 #540017, -4px 3px 0 #540017, 4px 2px 0 #540017, 4px -2px 0 #540017, -4px -2px 0 #540017, -4px 2px 0 #540017, 4px 1px 0 #540017, 4px -1px 0 #540017, -4px -1px 0 #540017, -4px 1px 0 #540017, 4px 0px 0 #540017, 4px 0px 0 #540017, -4px 0px 0 #540017, -4px 0px 0 #540017, 3px 4px 0 #540017, 3px -4px 0 #540017, -3px -4px 0 #540017, -3px 4px 0 #540017, 3px 3px 0 #540017, 3px -3px 0 #540017, -3px -3px 0 #540017, -3px 3px 0 #540017, 3px 2px 0 #540017, 3px -2px 0 #540017, -3px -2px 0 #540017, -3px 2px 0 #540017, 3px 1px 0 #540017, 3px -1px 0 #540017, -3px -1px 0 #540017, -3px 1px 0 #540017, 3px 0px 0 #540017, 3px 0px 0 #540017, -3px 0px 0 #540017, -3px 0px 0 #540017, 2px 4px 0 #540017, 2px -4px 0 #540017, -2px -4px 0 #540017, -2px 4px 0 #540017, 2px 3px 0 #540017, 2px -3px 0 #540017, -2px -3px 0 #540017, -2px 3px 0 #540017, 2px 2px 0 #540017, 2px -2px 0 #540017, -2px -2px 0 #540017, -2px 2px 0 #540017, 2px 1px 0 #540017, 2px -1px 0 #540017, -2px -1px 0 #540017, -2px 1px 0 #540017, 2px 0px 0 #540017, 2px 0px 0 #540017, -2px 0px 0 #540017, -2px 0px 0 #540017, 1px 4px 0 #540017, 1px -4px 0 #540017, -1px -4px 0 #540017, -1px 4px 0 #540017, 1px 3px 0 #540017, 1px -3px 0 #540017, -1px -3px 0 #540017, -1px 3px 0 #540017, 1px 2px 0 #540017, 1px -2px 0 #540017, -1px -2px 0 #540017, -1px 2px 0 #540017, 1px 1px 0 #540017, 1px -1px 0 #540017, -1px -1px 0 #540017, -1px 1px 0 #540017, 1px 0px 0 #540017, 1px 0px 0 #540017, -1px 0px 0 #540017, -1px 0px 0 #540017, 0px 4px 0 #540017, 0px -4px 0 #540017, 0px -4px 0 #540017, 0px 4px 0 #540017, 0px 3px 0 #540017, 0px -3px 0 #540017, 0px -3px 0 #540017, 0px 3px 0 #540017, 0px 2px 0 #540017, 0px -2px 0 #540017, 0px -2px 0 #540017, 0px 2px 0 #540017, 0px 1px 0 #540017, 0px -1px 0 #540017, 0px -1px 0 #540017, 0px 1px 0 #540017, 0px 0px 0 #540017, 0px 0px 0 #540017, 0px 0px 0 #540017, 0px 0px 0 #540017, 0 0 0 #540017;