码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-01-06 13:55:17      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:css3中边框圆角怎么设置   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


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

标签:css3中边框圆角怎么设置   css3边框能设置什么   胡博君   

原文地址:http://blog.csdn.net/laokdidiao/article/details/42456559

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!