css集合文本效果

2021/6/9 18:51:53

编程Tag： css 文本阴影 text 集合 h1 Shadow 10px gold

本文主要是介绍css集合文本效果，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

text-shadow 文本阴影

阴影水平位置垂直位置阴影模糊大小阴影颜色

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			h1{
				text-shadow:10px 10px 5px gold;
			}
		</style>
	</head>
	<body>
		<h1>早日暴富</h1>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			h1{
				text-shadow:10px 10px 5px gold;
			}
		</style>
	</head>
	<body>
		<h1>早日暴富</h1>
	</body>
</html>

box-shadow 图形阴影

水平位置垂直位置模糊大小阴影颜色

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div{
				width:100px;
				height:50px;
	            background: greenyellow;
				box-shadow: 10px 30px 20px green;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

：：before ：：after

这篇关于css集合文本效果的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

css集合 文本效果

text-shadow 文本阴影

box-shadow 图形阴影

：：before ：：after

相关编程文章

css集合文本效果