导航

« 宽带错误提示 678 找不到netcfg.hlp文件英文名著推荐 30本  »

Div Css 设置边框阴影 分享

Css

用Div和Css可以设置简单的边框阴影,如果把图片放在里面,还有相框的特色

效果(图片边缘部分)

div css 阴影

代码如下

XML/HTML Code复制内容到剪贴板
  1. <head>  
  2. <title>Div+Css阴影边框</title>  
  3. <style type="text/css">  
  4. .sdow1 { border: 1px solid #F7F7F7; padding: 1px; height: 182px; width: 304px; text-align: center; background-color: #F0F0F0; color: #E8E8E8;}  
  5. .sdow2 { border: 1px solid #E0E0E0; height: 178px; width: 300px; padding: 1px; background-color: #FFF;}  
  6. </style>  
  7. </head>  
  8. <body>  
  9. <div class="sdow1">  
  10. <div class="sdow2">Div+Css阴影边框</div>  
  11. </div>  
  12. </body>  

 

如果感觉影响不明显,可以设置div边框及背景色,还要以再加几个div以实现大的阴影效果

  • 顶一下





原创文章如转载,请注明:转载自落日故乡

本文链接地址:http://www.spersky.com/post/divcssshadow.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

内容搜索


常用链接

最新评论及回复

Powered By Z-Blog

Copyright spersky All Rights Reserved.Theme Moonlight,Calf modified.