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

html-css013

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

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

<div style="border-radius:50pxwidth:100pxheight:100pxborder:3px solid #666"></div>

border-radius 就是圆角样式,不过这个样式并不兼容所有浏览器,建议你用图片代替或者换其他的样式样子