1. ·您当前的位置:主页 > 技术教程 > Html5技术 >

      通过 CSS3 创建圆角边框和向矩形添加阴影

      时间:2019-01-22 08:54阿酷
      通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 PhotoShop

      通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 PhotoShop。

      在本章中,您将学到以下边框属性:

      border-radius
      box-shadow
      border-image
      浏览器支持
      属性    浏览器支持
      border-radius                         
      box-shadow                         
      border-image                         
      Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。

      Firefox、Chrome 以及 Safari 支持所有新的边框属性。

      注释:对于 border-image,Safari 5 以?#26696;?#32769;的版本需要前缀 -webkit-。

      Opera 支持 border-radius 和 box-shadow 属性,但是对于 border-ima

      向 div 元素添加圆角:

      div
      {
      border:2px solid;
      border-radius:25px;
      -moz-border-radius:25px; /* Old Firefox */
      }
      向 div 元素添加方框阴影:

      div
      {
      box-shadow: 10px 10px 5px #888888;
      }
       

      热门文章推荐

      请稍候...
      彩票软件开发公司