[Web前端技术教学]实现文字阴影-博客指定作业
2016-12-12 09:31
549 查看
练习目标
实现文字阴影完整代码
<!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{ margin:15px; font-family:黑体; font-size:60px; font-weight:bold; position:relative; } #word{ position:absolute; z-index:1; color:red; } #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>
效果抓图
实际效果(非抓图)
好好学习好好学习
相关文章推荐
- [Web前端技术教学]实现文字阴影
- [Web前端技术教学]图片与文字混排基础练习-2
- [Web前端技术教学]利用行内CSS技术对CSDN博客的细致美化
- [Web前端技术教学]图片与文字混排基础练习-3
- [Web前端技术教学]图片与文字混排基础练习-1
- [Web前端技术教学]网页布局-居中方法小结
- web前端各大技术都能实现什么功能
- [Web前端技术教学]块级元素block和行内元素inline的区别
- [Web前端技术教学]CSS多个图层透明处理的基础练习
- 文字阴影的几种实现方式【前端开发技能必备系列】
- web前端实现markdown编辑预览页面(低仿csdn博客界面)
- [Web前端技术教学]布局基础练习-1
- [Web前端技术教学]盒子的隐藏和显示
- [Web前端技术教学]背景翻转菜单CSS测试.读XHTML及CSS源代码,回答问题-1
- Web前端学习时用到的教学博客和网址
- [Web前端技术教学]图片相框的翻转
- [Web前端技术教学]CSS背景图片位置的百分比解释
- 【web前端】js页面文字选中后分享到新浪微博实现
- [Web前端技术教学]CSS列表样式范例练习-有序列表-1
- [Web前端技术教学]备课总目录