最简单的方法快速生成抖音风格文字——用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代码相关推荐

  1. 手把手教你撸一个能生成抖音风格动图的gif制作平台

    前言 又到了一周一次的周总结, 笔者基于之前的开源项目 blink , 开发了一款能在线配置故障艺术, 并一键生成gif动图的平台, 这里暂时取名为QT. 接下来笔者将复盘一下该可视化平台的实现步骤以 ...

  2. 免费直播!真.零基础能学会的前端入门教程,还带实操抖音风格字体特效!

    茫茫职海中,有没有那么一个又简单又赚钱的行业呢? 答案:前端!!! 前端是进入技术行业的一个捷径,规划好能事半功倍. 1.前端门槛低,简单易学: 2.应用场景广泛,现已涉及到了各个领域: 3.市场需求 ...

  3. 弘辽科技:如何快速提升抖音小店

    春节期间,很多抖音小店因为物流.服务等因素,会导致店铺体验分有一些下降!这对于节后的店铺流量当然是有一些影响的.其中,被考核的"三分钟回复率"尤其需要大家重视!那么,商家应该如何快 ...

  4. 教你一招超级简单的方法快速搞定grub.conf文件的丢失及损坏

    教你一招超级简单的方法快速搞定grub.conf文件的丢失及损坏 实验环境: GRUB是大多数Linux系统默认使用的引导程序,当"/boot/grub/grub.conf"配置文 ...

  5. 如何快速实现抖音分享与第三方登录?

    准备工作 1.注册抖音的key到抖音开放平台: 2.集成ShareSDK到Mob官网文档页面查看即可: 业务代码 分享要求: 视频: 1.时长不符合要求,最大不能超过1小时,最小值抖音动态配置: 2. ...

  6. 如何快速去除抖音短视频水印

    如何快速去除抖音短视频水印?当前市面上去水印工具并不是直接将视频上的水印去掉,而是使用爬虫技术从抖音的服务器上面吧没有水印的视频给抓取下来.你看到的手机上的视频没有水印吧,好,我就把没有水印这个视频的 ...

  7. 快速实现抖音的分享登录(android)

    快速实现抖音分享与第三方登录 准备工作 1.注册抖音的key到抖音开放平台,点击这里查看步骤: 2.集成ShareSDK到Mob官网文档页面查看即可,点击这里查看集成: 业务代码 分享要求: 视频: ...

  8. 快速成为抖音内容运营高手的心法

    玩抖音的朋友都知道视频内容很重要,平时我们在抖音平台看到上热门的爆款视频基本都具有一定的创意性. 因此笔者认为,要玩好抖音,那就先从内容开始做起:今天在这里就给大家分享一下,有关快速成为抖音内容高手的 ...

  9. 快速实现抖音的分享登录(android) 1

    快速实现抖音分享与第三方登录 准备工作 1.注册抖音的key到抖音开放平台,点击这里查看步骤: 2.集成ShareSDK到Mob官网文档页面查看即可,点击这里查看集成: 业务代码 分享要求: 视频: ...

最新文章

  1. 获取内容第一张图片地址的函数
  2. AI:2020年6月22日北京智源大会演讲分享之机器感知专题论坛—13:30-14:10山世光教授《从看脸到读心:基于视觉的情感感知技术》
  3. 动态规划--牛客网19校招--魔法深渊
  4. 怎看沃科斯扫地机器人型号_科沃斯型号区别是什么?
  5. java jdom追加节点_java-使用xpath和jdom选择一个节点
  6. 网络信号_如何用有线电视线传输网络信号
  7. 工具分享:易读文档下载器(同时支持百度/豆丁)
  8. 《机器学习-原理、算法与应用》出版了
  9. PLC网关 PLC远程控制调试
  10. [论文导读]Restoring and attributing ancient texts using deep neural networks深度学习复原古希腊铭文
  11. JAVA定义矩形类 方法一
  12. 基于微信小程序的毕业设计题目(21)php电子商务购物商城小程序(含开题报告、任务书、中期报告、答辩PPT、论文模板)
  13. Java根据IP地址/掩码位(CIDR)和起始IP-终止IP计算网段(IPV4和IPV6)
  14. 网线 绿灯长亮 黄灯不亮
  15. 跳过数据准备,下秒数据让飞书维格表
  16. 华为私有云的搭建方案_网盘限速太坑爹,用它小白也能搭建私有云
  17. Arcgis 计算每个网格点内线段长度
  18. macbook系统占用硬盘大_mac book pro 系统占用的硬盘空间太大怎么办?
  19. 在vue中实现picker样式_用Vue实现timepicker功能
  20. 计算H时M分S秒以后是_〖图朴解决方案〗热水热力管网的水力计算

热门文章

  1. java中got是什么意思_java – 为什么我应该使用url.openStream而不是url.getContent?
  2. IE浏览器兼容9/10/11版本(针对老项目而言)
  3. python使用matplotlib可视化、自定义设置坐标轴的范围、自定义设置主坐标轴刻度和次坐标轴刻度(ticks)、自定义坐标轴刻度的显示样式、自定义坐标轴刻度数值的颜色以及小数点位数
  4. 【LeetCode】64
  5. 北京定位金融中心称霸全球
  6. 基于docker部署前后端分离项目--->docker+Dockerfile+vue+nginx+uwsgi+django+socket+负载均衡
  7. Vue刷新token,判断token是否过期、失效的最简便的方法
  8. vscode开发vue最常用快捷键,最常用的组件
  9. Community项目--账户的管理
  10. word封面下划线怎么对齐(非常简单+彻底解决)