web前端：css3实现半圆和圆效果

作者:码农下的天空 更新于： 2020-03-05 11:43:16

　　css2是CSS(层叠样式表)的第二级，W3C组织于1998年推出的技术规范，提供了比CSS1更强的XML和html文档的格式化功能。例如，元素的扩展定位与可视格式化、页面格式与打印支持和声音样式单等。

　　在css2中，如果需要失效一些圆角或者半圆等等效果，一般是要通过ps等软件来处理的，在css3中，则不需要了，只需要通过border-radius就可以实现，大大方便了开发的效率。

　　无论圆角、圆弧、实心圆、半圆，css3的实现代码都是border-radius属性，border-radius不但可以定义圆半径和圆角大小，还可以画出各种方向的半圆。

　　

　　上边圆

　　左边圆

　　下边圆

　　左边圆

　　全圆

　　

　　效果如下：

　　CSS2是一套全新的样式表结构，是由W3C推行的，同以往的CSS1完全不一样，CSS2推荐的是一套内容和表现效果分离的方式，HTML元素可以通过CSS2的样式控制显示效果，可完全不使用以往HTML中的table和td来定位表单的外观和样式，只需使用div和li此类HTML标签来分割元素，之后即可通过CSS2样式来定义表单界面的外观。