CSS3简单实例分析学习

网络整理 - 07-27

我们这里给大家分享几个简单的CSS3实例,来一起看看CSS3有多强大,我们这里使用的是IE9 beata,你也可以是是FireFox3.1版本以上或Opera9.5版本以上。 

1. border-radius属性:

很好看的形状不再需要image来实现啦。我们看看如何让一个DIV显示为不规则。并在里面存放一些文本。使用CSS3中的border-radius属性:

 div 

           { 

               border: solid black; 
             border-radius: 40px; 

              height: 1in; 

               width: 2in; 

               overflow: hidden; 
        }

我们可以看到CSS3确实很强大,以后很多的图片都可以用CSS来取代了。而且不需要为了一个圆角写那么多CSS和了。

div显示: