HTML写艺术字

<!DOCTYPE html><html><head><metacharset="utf-8" /><link rel="stylesheet" href="s.css" /><title></title></head><body><div id="fire">学习使我快乐&lt

两年半的JAVA练习生

4569人浏览 · 2022-01-04 18:31:34

两年半的JAVA练习生 · 2022-01-04 18:31:34 发布

<!DOCTYPE html>
<html>
	<head>
		<meta  charset="utf-8" />
		<link rel="stylesheet" href="s.css" />
		<title></title>
	</head>
	<body>
		<div id="fire">学习使我快乐</div>
		<div id="neon">Study make me happy!</div>
		
	</body>
</html>

body {
	background-color: black;
	color: white;
	font-size: 80px;
	font-weight: bold;
	padding: 30px;
}

#fire {
	margin: 30px;
	text-shadow: 0 0 5px #fff, 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
}

#neon {
	margin: 30px;
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #6AB5FF, 0 0 70px #6AB5FF, 0 0 80px #6AB5FF, 0 0 100px #6AB5FF, 0 0 150px #6AB5FF;
}

成品：
在这里插入图片描述