语法: text-shadow:横向偏移 纵向偏移 模糊距离 颜色;
案例代码示例:
<style type="text/css"> div{font-size: 50px;font-weight: bold;text-shadow: -4px -4px 2px #999;} </style> <div>文字阴影</div>
案例代码示例:
<style type="text/css"> div{width:300px;height: 200px;line-height: 200px;text-align: center;background: #999;color: #999;font-size: 50px;font-weight: bold;text-shadow: -1px -1px 2px #000,1px 1px 2px #fff;} </style> <div>文字凹进去</div>
案例代码示例:
<style type="text/css"> div{width:300px;height: 200px;line-height: 200px;text-align: center;background: #999;color: #999;font-size: 50px;font-weight: bold;text-shadow: -1px -1px 2px #000,1px 1px 2px #fff;} </style> <div>文字凸出来</div>
语法: box-shadow:横向偏移 纵向偏移 模糊距离 颜色;
案例代码示例:
<style type="text/css"> div{width: 100px;height: 100px;border: 2px solid #000;box-shadow: 6px 6px 3px #999;} </style> <div></div>
以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!