如何利用css设置文字的阴影效果:
有时候需要给文字加上阴影，下面就结合实例简单介绍一下如何给文字加上阴影效果。先看一段代码实例:
<span class="pun">蚂蚁部落</span> div, ul, li{ margin:0px; padding:0pc; list-style:none; font-size:16px; color:#666;}a { position:relative; display:block; height:25px; width:250px; line-height:25px; text-decoration:none; color:#666;}span{display:none;}a:hover span{ height:25px; width:250px; line-height:25px; display:block; position:absolute; left:-3px; top:3px;}
登录后复制
以上代码主要是运用position定位实现的此功能，通过display将a和span元素转换为块级元素，再将a元素使用相对定位，以保证span元素的绝对定位的参考对象是a元素，最后使用left和top属性控制span元素的偏移量即可。
原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0504/726.html
最为原始的地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4646
立即学习“前端免费学习笔记（深入）”；
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
