Question

css圆角背景切图做圆角

（切图做圆角，切图做圆角。。。 切图，切图，切图！）
这张图是我切好的，每个高60px；款5个像素。 是在一张图上面的（左中右）。 就是怎么样添加到网页中。 随便做。 我想知道方法。<li><span><span>急哦就急哦就</span></span></li> 这个是我套的，最后还是没弄出来，谁帮帮我？ （是切图做圆角的）
比如类似这样的图片，用他做背景，（这张图是在百度里随便找的，用于说明问题的），要自适应的效果，文字加长或减少不影响圆角的效果。 我现在是在学习切图，所以不想用css代码（一像素一像素的缩进那种，）做。

我会切图。 只是笨了点，不知道怎样用切好的图，（指的是圆角，三部分嘛）；





Answer 1

用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属性设置显示哪部分。

希望对你有帮助！

Answer 2

分成三块，左边，右边，中间切一像素背景就行了。

或者用CSS3的border-radius: 15px;可以直接圆角，但是不是持有浏览器都支持。

追问

请不要灌水。 我会切图。 css3以后就别提了。

追答

好吧，我灌水，，，慢慢学习吧。

Answer 3

你的需求其实可以这样做:
根据具体高度 切一个 左边图 一个右边图(这俩图保证包括上下两个圆角,宽度包括完整圆角即可) 中间部分用背景(色),然后用div嵌套;

<div>
<div class="left"><!--该块样式设置css的左圆角背景--></div>
<div class="midd">这里是文字</div>
<div class="right"><!--该块样式设置css的右圆角背景--></div>
</div>

追问

就这个，先前做的时候，忘记设置左边和右边的宽度了，效果图出来的一直是个矩形，没圆角。还是跟着你的方法，我有思路了。 div是个块，这里能替换成其它行内标签吗

追答

可以,但是为了到达你需要的效果,必须设置css各项属性,来满足效果要求;
至于div的块级元素和行内标签,这个要看你的文档流的要求;