思洋互动网站建设学前班

在CSS版本3中会有许多振奋人心的功能。CSS3会有更好的灵活性，使之前复杂的效果现在制作起来游刃有余。在CSS3中设计有许多可节省时间的规则：text-shadow（文字阴影效果），box-sizing（变尺寸方框），opacity（透明度），multiple backgrounds（多背景），border-radius（边框圆角），border-image（边框图象），multi-column layout（多列布局）等等。

尽管目前只有最新的浏览器支持这些效果，看看之后会怎么样还是很有意思的。

在这篇文章中，我们要来看看CSS3的一些有意思的属性，现在设计网页时就可以使用这些属性。

51CTO编辑推荐：CSS 3备受期待的8大功能

CSS3 颜色模块

CSS3支持更多颜色和更广的颜色定义。CSS3支持的新颜色有HSL, CMYK, HSLA and RGBA。下面的powerpoint详细介绍了CSS3颜色以及如何使用这些颜色。

 

渐变边框

你可以使用-moz-border-radius / -webkit-border属性得到渐变边框。

 

边框图像

有时普通CSS边框属性无法满足要求。如果希望在边框上使用图像，可以使用CSS3的border-image和border-corner-image 属性来支持边框图像。

 

圆角方框

使用border-radius和background position属性可以轻松制作圆角方框。

 

方框阴影

CSS3的box-shadow属性可以让你添加阴影效果，而不用在选定的元素上使用图片。目前Safari 3+和Firefox 3.1 (Alpha)支持box-shadow属性。

 

多背景图片

想在一个方框或一个段落上添加多个背景？CSS3允许在一个元素上有多个背景。

广州网站建设,网站建设,广州网页设计,广州网站设计

 

多列

不需要添加表格，使用-moz-column-count和-moz-column-width这个CSS3模块可以制作多列文本。如果网页上的文本过长，这个CSS3标签就有了用武之地。

 

文字阴影效果

需要有像Photoshop中Text shadow的效果吗？CSS3 text-shadow属性可以给一些文本的所有字母上都加上阴影。对CSS3来说text-shadow属性并不是新事物，它开始在CSS2中推出，但CSS 2.1又取消了这个属性。

广州网站建设,网站建设,广州网页设计,广州网站设计