这里有一个快速的例子,不确定它是否符合您的需求。
body{
background:#111;
}
ul{
padding:0;
margin:0;
}
li{
margin-left:20px;
width:200px;
list-style:none;
border-bottom:dotted 2px #99f;
color:#99f;
position:relative;
}
li:before{
content:'+';
position:absolute;
left:-15px;
}
li:after{
content:'';
position:absolute;
height:2px;
width:100%;
top:100%;
background:red;
left:0;
background: -moz-linear-gradient(left, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,17,0)), color-stop(100%,rgba(17,17,17,1)));
background: -webkit-linear-gradient(left, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
background: -o-linear-gradient(left, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
background: -ms-linear-gradient(left, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
background: linear-gradient(to right, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=1 );
}
http://jsfiddle.net/KZPbf/
实用的跨浏览器渐变生成器:http://www.colorzilla.com/gradient-editor/