div 阴影边框效果一例(兼容主流浏览器)

发布时间:2020-02-04编辑:脚本学堂
分享下div中实现阴影边框效果的代码,不采用图片来实现,而使用css实现,很不错的css效果实例,有需要的朋友参考下吧。

div阴影边框效果,代码:
 

复制代码 代码示例:
<!DOCTYPE HTML>
<html>
<head>
<title>CSs阴影框,Div阴影-www.jb200.com</title>
<style type="text/css">
*{ margin:0; padding:0; border:0; }
body{ padding:4em; font-family:Tahoma, Geneva, sans-serif }
/*box*/
.box { width:60%;background-color:#666}
.box p {line-height:1.8; padding:2em; position:relative; top:-5px; left:-5px;zoom:1;background-color:#ccc}
</style>
</head>
<body>
<div class="box">
<p>此处展示的是div阴影边框效果。<br/>
更多javascript教程,尽在脚本学堂。</p>
</div>
</body>
</html>