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

html-css019

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

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

css3背景图片只有加了边框才会显示

CSS3中的背景图片可以通过设置边框来显示,也可以通过设置宽度和高度来显示。

例如:

.my-image {

background-image: url(image.jpg)

border: 1px solid #000

width: 300px

height: 200px

}