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

html-css08

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

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

一般是用画好的圆角图片充当背景来实现的,用photoshop画好圆角,切成需要的大小来填充背景即可

当然也有不要图片的做法,原理就是通过div来模拟像素的拐角,做法太极端,一般不采用。

用Img标签插入网页呀。都没懂,你想表达什么意思?

你给图片做圆角不用自己切图呀。css可以支持圆角。

我觉得 你可以改变下问题得方式,

1,说出你想达到的效果,尽量截图。你说“是在一张图上面的(左中右)”,听了似乎真不知道想说什么。

2,怎么添加到网页中。 不明白你是不懂用img标签加入呢,还是可以加入到网页中,只是无法达到你的要求。

3,<li><span><span>急哦就急哦就</span></span></li>。你大可以将代码以Html代码的形式,嵌入的问题里面。如

<table>

<tr>

<td><input id="n" name='a' align="left"  class="numberbox" type="text"></td>

<td><input id="m" name='b' align="left"  class="numberbox" type="text"></td>

</tr>

</table>

你光急没用呀,别人想帮助你都无从下手呀。

希望对你以后提问方面有所帮助。站在阅读者的角度看问题。

回答补充:

那你可以将做号的圆角图片切成3部分

第一部分包含左边的圆角,第二部分包含右边的圆角,第三部为长方形普通图片。最后用他们三个做背景图片,然后还是需要用CSS控制收缩,即两张角不变,内容长方形图片伸缩,来满足你的内容伸缩变化,如果还要适应上下伸缩,那解决方案是将每个角都切成图片。PS:你也可以PS成一张图片,包含几种内容,用background-image 的position属性设置显示哪部分。

希望对你有帮助!