如何用CSS做圆形布局

Question

我试图在网站的每个部分中使用这些圆形图层进行布局，但由于这不是一项非常简单的任务，因此有困难，有人可以给我一个亮点吗？

Answer 1

您有几个选择：

• 在方形元素上使用半径为100％的css border-radius

• 或者只是创建一个圆形透明的.png并将其用作a的背景 <div>。

border-radius示例http://jsfiddle.net/VKf3T/4/

Answer 2

This is pretty trivial actually

使用具有相同固定高度和宽度的块级元素，并应用border-radius:50%使其完全呈圆形。