CSS3边框代码怎么写

这篇文章主要介绍“CSS3边框代码怎么写”,在日常操作中,相信很多人在CSS3边框代码怎么写问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS3边框代码怎么写”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

浏览器支持

实例
使用图片创建围绕 div 元素的边框:

  1. <font color="#000000" size="3">div

  2. {

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

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

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

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

  7. }</font>


新的边框属性

属性

描述

    CSS

border-image

设置所有 border-image-* 属性的简写属性

    3

border-radius

设置所有四个 border-*-radius 属性的简写属性

    3

box-shadow

向方框添加一个或多个阴影

    3

到此,关于“CSS3边框代码怎么写”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注网站,小编会继续努力为大家带来更多实用的文章!