运用css3给文字添加阴影效果。
1、【第一步】打开Dreamweaver cc 2014软件,选择建立html界面,里面自动生成一些必要代码的代码格式,不需再浪费时间去写。



2、【第二步】在body内输入“<div >我是文字<div>”,“我是文字”就是即将做阴影效果的文字,保存并F12键,在跳出的页面中观察文字,没有阴影效果。


3、【第三步】body标签前或则head标签内键入,
<style>
div{width:600px; height:160px; margin:100px auto; text-align:center; line-height:160px; font-size:100px; text-shadow:6px 6px 6px; }
</style>,
text-shadow的赋值,就是文本阴影的参数。

4、保存,在Dreamweaver界面内摁F12,弹出页面观察页面上的文字,有了明显的变化。

阅读量:37
阅读量:41
阅读量:170
阅读量:138
阅读量:36