css 如何将七张照片布置成一个圈？

html-css024

css 如何将七张照片布置成一个圈？,第1张

1. 可以使用css的border-image属性设置边框的背景图片。2. 可以使用background设置多个背景图片，并分别设置每个背景的位置。3. 把所有图片先合成一个圆形图片，然后整个图片作为背景图片。

可以使用最新的css3进行裁切或遮罩。

使用div配合css3再结合svg可以实现各种形状的裁切，css3加背景可以实现遮罩效果。

如果需要兼容的话，可以使用第三方插件。

1.在手机QQ选择自己的头像。

2.然后在这里继续点击头像。

3.进入到卡片资料这里,点击背景图片。

4.在这里选择照片墙。

5.点击进行添加图片。

6.选择图片的来源。

7.添加好图片之后，点击使用。

8.在这里再进行选择是否和空间同时使用，完成设置。