文字阴影效果

来源:互联网 发布:开源实时数据库有哪些 编辑:程序博客网 时间:2024/06/06 17:23

练习目标


实现文字阴影


完整代码


<!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: Arial;font-size: 60px;margin: 15px;position: relative;font-weight:bold;}#word {color: red;position: absolute;z-index: 1;}#shadow {color: #AAAAAA;position: absolute;top: 4px;left: 4px;z-index: 0;}--></style></head><body><div id="father"> <div id="word">好好学习</div> <div id="shadow">好好学习</div></div></body></html>


1 0
原创粉丝点击