css定义div圆角阴影边框

最新推荐文章于 2024-04-26 09:19:22 发布

weixin_30716725

最新推荐文章于 2024-04-26 09:19:22 发布

阅读量71

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/poppy1397/p/3402015.html

本文介绍如何使用CSS3实现圆角边框效果，并通过Pie.js兼容旧版浏览器。包括HTML结构、CSS样式及Pie.js文件的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2013-11-01

设置div的圆角边框

首先给大家上个图片展示吧

1、首先下载Pie文件，在http://css3pie.com/下载Pie.js文件，最好是里面的文件不要删减，我是直接用的

2、然后上hmtl代码吧

　　css样式：

<style type="text/css" >
div{
border: 1px solid #cccccc;
padding:250px 0;
text-align: center; 
width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background:white;
behavior:url(pie/PIE.htc);
}
</style>