在页面开发中，常常需要一些小图形来美化页面。这些图形可以用图片形式展现，但页面每次加载图片需要花费时间，那么用css如何实现这些图形？本章就给大家介绍css如何使用利用border和border-radius绘制一些小图形（代码实例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
大都知道border属性有四个参数，那么border－radius必然也是有四个参数
我们知道border属性的四个参数分别是border-top,border-right,border-bottom,border-left.(按顺时针方向)
那么border-radius四个参数是什么了？
border-radius:上左，上右，下右，下左；
立即学习“前端免费学习笔记（深入）”；
下面我们利用border-radius绘制一些大家平时常见的图片。
1.简单的圆形
效果图：
2.椭圆
效果图：
3.心型
效果图：
4.鸡蛋
我们听说达芬奇画鸡蛋，我在这里用css画鸡蛋
效果图：
5.对话框
效果图：
6.阴阳八卦
效果图：
7.无穷符号
效果图：
