( ! ) Warning: include(): http:// wrapper is disabled in the server configuration by allow_url_include=0 in D:\www\up\CSS\CSS3_01.php on line 45
Call Stack
#TimeMemoryFunctionLocation
10.0156355528{main}( )...\CSS3_01.php:0

( ! ) Warning: include(http://pub.houheaven.com/Nav02/Nav_deep2.htm): failed to open stream: no suitable wrapper could be found in D:\www\up\CSS\CSS3_01.php on line 45
Call Stack
#TimeMemoryFunctionLocation
10.0156355528{main}( )...\CSS3_01.php:0

( ! ) Warning: include(): Failed opening 'http://pub.houheaven.com/Nav02/Nav_deep2.htm' for inclusion (include_path='.;C:\php\pear') in D:\www\up\CSS\CSS3_01.php on line 45
Call Stack
#TimeMemoryFunctionLocation
10.0156355528{main}( )...\CSS3_01.php:0

border-radius,CSS 3.0中的一员,是圆角属性。

使用方法:border-radius:5px;

浏览器支持:IE9+、Firefox4+、Chrome、Safari5+、Opera。


在IE9中,border-radius有时会失效,这让人挺不悦的。

解决方法:在<head>标签中添加 <meta http-equiv="X-UA-Compatible" content="IE=edge" />

【注意】此方法同样适用于 box-shadow、text-shadow


【实例一】div 块状元素实例:

no border-radius;

border-radius:7px;

【实例二】img 图片元素实例:

img01 img02

【实例三】p 段落元素实例:

no border-radius;

border-radius:7px;



显示框架
top