CSS教程

css集合 文本效果

本文主要是介绍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集合 文本效果的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航