CSS3简介及CSS3边框

来源:互联网 发布:股票历史交易数据查询 编辑:程序博客网 时间:2024/05/18 03:07

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)简单的弧度

    

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



(3)叶子


(4)半圆



原创粉丝点击