最简单的方法快速生成抖音风格文字——用HTML和CSS代码

大家好! 这是我第一次与大家分享心得。希望能与大家共同学习、共同提升。

抖音作为近年来大火的APP,其具有特色的图标和字体收到了不少人的喜爱。但是,对于不会用PS的人而言,想要制作抖音样式文字,便显得非常困难。

现在,我们只要使用HTML和CSS代码,即可实现这一效果。

首先,创建一个新的txt文本文件。


打开后,将以下代码复制进文本文档中,并保存。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="GB2312">
    <title>抖音样式文字</title>
    <style>
        body{
            background-color:black;
            text-align:center;
            margin-top:300px;
        }
        h1{
            font-size:68px;
            color:white;
            text-shadow:#f03740 -1px -3px, #2addfd 3px 0px;
        }
    </style>
</head>
<body>
<h1>抖音风格文字</h1>
<!--可修改<h1></h1>标签中间的文字,在background-color属性中修改背景颜色,在font-size中修改文字大小-->
</body>
</html>


然后,将文本文件后缀名改为.html,保存。

双击打开,即可看到如下效果:

可任意修改h1标签中间的文字,在background-color属性中修改背景颜色,在font-size中修改文字大小。
直接进行截图,便可使用。

更多推荐

最简单的方法快速生成抖音风格文字——使用HTML和CSS代码