CSS一个长条，左边和右边是圆角，中间是水平平铺，这个DIV+CSS的代码怎么写比较简单？

Question

如题所述

Answer 1

.seekbar_left{background:url(images/seekbar_left.png) left 0 no-repeat; padding-left:9px;}
.seekbar_right{background:url(images/seekbar_right.png) right 0 no-repeat; padding-right:9px;}
.seekbar_fill{background:url(images/seekbar_fill.png) 0 0 repeat-x; height:18px;}

<div class="seekbar_left">
<div class="seekbar_right">
<div class="seekbar_fill"></div>
</div>
</div>

注意：如果衔接有1px的错误或者误差，那你就把seekbar_left和seekbar_right的宽度值调整为偶数值，为奇数的话IE6有时候会有一点误差

Answer 2

支持楼上的方法，不过也可以用三个div左浮动来做，两边是圆角，中间div用那个宽1像素的图平铺，这样div不用嵌套了，个人觉得看着舒服些，但是中间div要固定宽度