制作文字阴影

最新推荐文章于 2021-06-03 07:41:06 发布

sssssssssy

最新推荐文章于 2021-06-03 07:41:06 发布

阅读量186

点赞数

分类专栏：文字阴影

本文链接：https://blog.csdn.net/sssssssssy/article/details/54289756

版权

文字阴影专栏收录该内容

0 篇文章 0 订阅

订阅专栏

练习目的制作文字阴影

源代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字阴影</title>
<style type="text/css">
<!--
#father {
	font-family: "黑体";
	font-size: 60px;
	font-weight: bold;
	position: relative;
	margin:15px;
}
#father #word {
	position: absolute;
	color: #FF0000;
	z-index:1;
}
#father #shadow {
	color: #AAAAAA;
	position: absolute;
	z-index:0;
	top:4px;
	left:4px;
}
-->
</style>
</head>

<body>
<div id="father">
  <div id="word">好好学习</div>
  <div id="shadow">好好学习</div>
</div>
</body>
</html>