朋友在日常浏览网站和网页的时候，会时不时看到一些圆形效果的网页，比如有的网站图片在一个圆圈里等等。 那么，有些朋友会疑惑，这个圈子是怎么用代码实现的，用html还是css？ 在这里，边肖告诉你既不使用html也不使用css，而是使用css3。 今天，边肖将为朋友们介绍如何用css建立一个稳固的圈子。 用于实现这些效果的css3代码是将圆角边框的border-radius属性添加到元素中。 首先，这个属性是通过以下方式引用的:1。语法是:border-radius:左上角，右上角，右下角，左下角；2:2:边框半径的值可以是%，px，em。 (但是%和em的兼容性目前还不好。 知道如何使用这个属性后，接下来小编会依次为朋友们讲解实心圆、实心上半圆、实心右半圆的制作方法。 首先，实心圆的制作方法:1。将高度和宽度设置为相同的值(即正方形) 2:圆角的值设置为高度和宽度值的一半。 代码如下:html代码css代码效果图:实心圆。今天，边肖首先提到这里。如果朋友们对本案中的知识点不清楚，或者想知道其他圆的实现方法，比如(椭圆)，可以在评论区留言，边肖会第一时间为朋友解答。