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个角的不同
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!