一条线两种颜色的实现方法

一条线两种颜色的实现方法

      思路是背景颜色是灰色，在覆盖上面新的颜色，限制它的长度，效果如下：

<div class="nub_cot0">
	<div class="nub_sub0">
		我的待办
	</div>
</div>

num_cot0背景色border-bottom:2px solid #ccc;

.nub_cot0 {
    margin-left:10px;
	margin-top: 10px;
	border-bottom:2px solid #ccc;
}

.nub_sub0 {
	background: url(/Liems/xslt/portal/images/daiban.gif) no-repeat;
	height: 26px;
	padding-left: 30px;
	border-bottom:#ec7f44 2px solid; 
	margin-bottom:-2px;
	width:85px;
}