首页 > 代码库 > 胡博君谈CSS3中的边框的各种效果
胡博君谈CSS3中的边框的各种效果
以下是css3定义圆角：
#main{
margin:20px;
border:1px solid #E1E1E1;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:20px;
<div id="main">
#main{
margin:20px;
border:1px solid #E1E1E1;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:20px;
}
<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
胡博君谈CSS3中的边框的各种效果
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。