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集合 文本效果的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!