CSS3 边框

今天主要学习CSS3中的边框(Border). 这对我们来说并不陌生.多少次写下 border:1px solid red了..那么CSS3中会给我们带来什么惊喜呢？

在CSS3中.边框多了4种新特性

Border-color(设置边框颜色)

Border-image(通过图片设置为边框)

Border-radius(边框的半径)

box-shadow(阴影效果)

用CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序

CSS3圆角border-radius属性

CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

    php中文网(php.cn)  
  观察4个角的不同

CSS3盒阴影box-shadow属性

    php中文网(php.cn)  
  CSS3 Border-shadow样式

CSS3边界图片Border-image

    php中文网(php.cn)  
  CSS3 Border-image样式

php中文网(php.cn)

观察4个角的不同

Opération automatique