/*HTML*/ <img src="your_image.jpg" class="round"> /*CSS*/ .round { border-radius: 50%; }
首先,在HTML中插入一张图片,并为其添加一个属性class,赋值为“round”。
然后,在CSS中使用“border-radius”属性将图片的边框弧度设置为“50%”。
通过上述代码,大家实现了一个圆形图片。如果想要调整圆形的大小,可以通过修改“width”和“height”属性来实现。
首页 >
/*HTML*/ <img src="your_image.jpg" class="round"> /*CSS*/ .round { border-radius: 50%; }
首先,在HTML中插入一张图片,并为其添加一个属性class,赋值为“round”。
然后,在CSS中使用“border-radius”属性将图片的边框弧度设置为“50%”。
通过上述代码,大家实现了一个圆形图片。如果想要调整圆形的大小,可以通过修改“width”和“height”属性来实现。