html css样式写法,关于步骤流程的css样式写法

.proces_step { width:960px; margin:0 auto; position:relative;

padding:20px 0; height:20px; }

.proces_step .p_title { font:700 16px/20px simsun,sans-serif;

padding-left:10px; }

.proces_step ul { position:absolute; top:17px;right:-5px; }

.proces_step ul li { float:left; height:30px; width:83px;

color:#808080; text-align:center; line-height:18px; }

.proces_step ul li em { display:block; margin-right:5px;

height:8px; line-height:0;font-size:0; background:#e4e4e4;

margin-top:4px; }

.proces_step s { _position:relative; float:right; display:inline;

margin-right:-5px; height:8px; width:5px; overflow:hidden;

background:url(../picture/topnav_v3.png) no-repeat -10px -104px;

}

.proces_step .visited { background-color:#c9f3f5; }

.proces_step .visited s { background-position:-207px -104px;

}

.proces_step .prenode s { background-position:-217px -104px;

}

.proces_step .prenode { background-color:#c9f3f5; }

.proces_step .current s { background-position:-239px -104px;

}

.proces_step .current { background-color:#37c1c8; }

.proces_step .nexnode s { background-position:-228px -104px; }

class="p_title">填写订单

• 选择航班

  class="prenode">

• 填写订单

  class="current">

• 确认并支付

  class="nexnode">

• 预订完成

  class="lastNode">