border-radius制作各种图形

css3提供了border-radius的属性,可以为网页元素设置圆形的角,从而界面优美了不少,也避免了图形后成圆角的加载问题,下面罗列了利用border-radius制作的圆形、半圆、1/4圆及椭圆,充分展示它的强大功能。

示例效果:



示例代码:




	
		
		
		
	

	
		
圆形
上半圆
右半圆
下半圆
左半圆
扇形1
扇形2
扇形3
扇形4
椭圆1
椭圆2


你可能感兴趣的:(div+css)