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

html-css08

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

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

用图片做背景....

举个例子,假设一个网页上有3个不同的button,每个按钮分别用一张不同的图片做背景,这样就需要三张小图片。为了减少请求次数和时间,可以把三张图片放到一张大图中。

再分别把三个button的背景定位到指定的区域。

格式是background-position:100px 50px分别是x和y方向的位移。

或者background:url(xxx) 100px 50px

你可以想象你要显示的那一块是一个窗口,图片在窗口后面,你要通过移动图片来让窗口显示你要看到的那一部分。不过两个窗口之间是不会有影响的。