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

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

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

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

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

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

最简单的方法快速生成抖音风格文字——使用HTML和CSS代码_第1张图片
打开后,将以下代码复制进文本文档中,并保存。


<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>

body>
html>

最简单的方法快速生成抖音风格文字——使用HTML和CSS代码_第2张图片
然后,将文本文件后缀名改为.html,保存。
将文件后缀名改为.html

双击打开,即可看到如下效果:
最简单的方法快速生成抖音风格文字——使用HTML和CSS代码_第3张图片
可任意修改h1标签中间的文字,在background-color属性中修改背景颜色,在font-size中修改文字大小。
直接进行截图,便可使用。

你可能感兴趣的:(最简单的方法快速生成抖音风格文字——使用HTML和CSS代码)