利用字体阴影边框做一个美观的艺术标题_好看的边框写标题前端-CSDN博客

本文链接：https://blog.csdn.net/weixin_45966674/article/details/121530599

最终，我们将实现的效果是这样的
在这里插入图片描述
话不多说，上代码！

    font:3em "隶书";
    text-align: center;
    padding-top:1vw;
    color: #EEEE11;
    text-shadow: 4px 4px 0 #3300FF, 4px -4px 0 #3300FF,
    -4px -4px 0 #3300FF, -4px 4px 0 #3300FF, 4px 3px 0 #3300FF,
    4px -3px 0 #3300FF, -4px -3px 0 #3300FF, -4px 3px 0 #3300FF,
    4px 2px 0 #3300FF, 4px -2px 0 #3300FF, -4px -2px 0 #3300FF,
     -4px 2px 0 #3300FF, 4px 1px 0 #3300FF, 4px -1px 0 #3300FF,
    -4px -1px 0 #3300FF, -4px 1px 0 #3300FF, 4px 0px 0 #3300FF,
    4px 0px 0 #3300FF, -4px 0px 0 #3300FF, -4px 0px 0 #3300FF,
    3px 4px 0 #3300FF, 3px -4px 0 #3300FF, -3px -4px 0 #3300FF,
    -3px 4px 0 #3300FF, 3px 3px 0 #3300FF, 3px -3px 0 #3300FF,
    -3px -3px 0 #3300FF, -3px 3px 0 #3300FF, 3px 2px 0 #3300FF,
    3px -2px 0 #3300FF, -3px -2px 0 #3300FF, -3px 2px 0 #3300FF,
    3px 1px 0 #3300FF, 3px -1px 0 #3300FF, -3px -1px 0 #3300FF,
    -3px 1px 0 #3300FF, 3px 0px 0 #3300FF, 3px 0px 0 #3300FF,
    -3px 0px 0 #3300FF, -3px 0px 0 #3300FF, 2px 4px 0 #3300FF,
    2px -4px 0 #3300FF, -2px -4px 0 #3300FF, -2px 4px 0 #3300FF,
    2px 3px 0 #3300FF, 2px -3px 0 #3300FF, -2px -3px 0 #3300FF,
    -2px 3px 0 #3300FF, 2px 2px 0 #3300FF, 2px -2px 0 #3300FF,
    -2px -2px 0 #3300FF, -2px 2px 0 #3300FF, 2px 1px 0 #3300FF,
    2px -1px 0 #3300FF, -2px -1px 0 #3300FF, -2px 1px 0 #3300FF,
    2px 0px 0 #3300FF, 2px 0px 0 #3300FF, -2px 0px 0 #3300FF, -2px 0px 0
    #3300FF, 1px 4px 0 #3300FF, 1px -4px 0 #3300FF, -1px -4px 0 #3300FF,
    -1px 4px 0 #3300FF, 1px 3px 0 #3300FF, 1px -3px 0 #3300FF, -1px -3px 0 #3300FF,
    -1px 3px 0 #3300FF, 1px 2px 0 #3300FF, 1px -2px 0 #3300FF, -1px -2px 0 #3300FF, -1px 2px 0 #3300FF,
    1px 1px 0 #3300FF, 1px -1px 0 #3300FF, -1px -1px 0 #3300FF, -1px 1px 0 #3300FF, 1px 0px 0 #3300FF,
    1px 0px 0 #3300FF, -1px 0px 0 #3300FF, -1px 0px 0 #3300FF, 0px 4px 0 #3300FF, 0px -4px 0 #3300FF,
    0px -4px 0 #3300FF, 0px 4px 0 #3300FF, 0px 3px 0 #3300FF, 0px -3px 0 #3300FF, 0px -3px 0 #3300FF,
    0px 3px 0 #3300FF, 0px 2px 0 #3300FF, 0px -2px 0 #3300FF, 0px -2px 0 #3300FF, 0px 2px 0 #3300FF,
    0px 1px 0 #3300FF, 0px -1px 0 #3300FF, 0px -1px 0 #3300FF, 0px 1px 0 #3300FF;