CSS3是css2的升级版本,可以实现很多功能,由于一些浏览器的不兼容,需要在编码时加上前缀。

                      -moz-   火狐

                      -webkit-   Safari Chrome

                      -o-     opera

                      -ms-  IE浏览器

CSS3边框

     使用CSS3可以弄出网页中所看到的圆弧,要用到border-radius

           border-radius:10px 所有角都使用半径为10的圆角。

           border-radius:2px 3px 4px 5px四个半径值分别是左上右上右下左下(顺时针方向)


    (1)简单的弧度

     CSS3简介及CSS3边框

(2)制作圆----长宽一样,弧度为长宽的一半


CSS3简介及CSS3边框

(3)叶子

CSS3简介及CSS3边框

(4)半圆

CSS3简介及CSS3边框


相关文章:

  • 2022-01-14
  • 2021-12-04
  • 2021-12-14
  • 2021-10-24
  • 2021-08-17
  • 2021-04-14
  • 2021-06-09
猜你喜欢
  • 2021-09-13
  • 2022-01-07
  • 2021-12-21
  • 2021-08-17
  • 2021-12-08
  • 2021-12-08
  • 2021-10-25
相关资源
相似解决方案