胡博君谈CSS3中的边框的各种效果

以下是css3定义圆角：

#main{

margin:20px;

border:1px solid #E1E1E1;

-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;

padding:20px;

}

以下是html中对样式的引用：

<div id="main">

</div>

以下是css3定义边框阴影：

实例

向 div 元素添加方框阴影：

div

{

box-shadow: 10px 10px 5px #888888;

}

以下是css3中设置为图片边框：

使用图片创建围绕 div 元素的边框：

div

{

border-image:url(border.png) 30 30 round;

-moz-border-image:url(border.png) 30 30 round; /* 老的 Firefox */

-webkit-border-image:url(border.png) 30 30 round; /* Safari 和 Chrome */

-o-border-image:url(border.png) 30 30 round; /* Opera */

}

欢迎大家收看我的在线Java全套免费教学超清视频：

http://v.youku.com/v_show/id_XODQ1NjU0NDc2.html   这是其中的一个视频连接，大家可以拖动到优酷视频下方，订阅我的账号，因为以后我会有更多视频免费提供

百度搜索：输入Fcs_D调的码农 ，或者输入"胡博君"就能看到我的很多视频

或者加我的微信号：fcsboy     我可以及时通过微信通知你们

QQ学习群：237053693