HELLO！大家好！
这种样子的字体效果是不是既炫酷又好玩，其实做法很简单；
只需要给字体加上text-shadow样式就能实现；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#d1{
width: 400px; height: 400px;
font: 64px "chiller";
color: rgb(241, 10, 10);
text-align: center;
text-shadow:5px 0px 0px rgb(42, 134, 30); //text-shadow:水平偏移 垂直偏移 模糊程度 颜色
}
</style>
</head>
<body style="background-color: black;">
<div id="d1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas iure illum quia corrupti cupiditate sapiente, libero provident voluptatum itaque nam modi explica
</body>
</html>
·
·
本人写博客就是想记录一下自己所学的知识（目前正在学习中），巩固知识加深记忆，也顺便分享一下自己的所学，有什么地方写的不对，希望大家可以多多指出，让我及时改正。如果我分享的东西帮助到你，别忘了点赞、分享、收藏呦~！
注：如有侵权，请联系删除。