|
够买流程等相关流程图css实现 |
够买流程等相关流程图css实现 |
发布日期:2017-7-28 6:16:41 浏览次数:864次 二维码分享
|
|
.liucheng_bg {
background: #ffffff;
width: 940px;
margin: 0 auto;
padding: 30px;
}
.liucheng_bg ul li{
display: block;
width: 106px;
height: 64px;
float: left;
margin: 0 5px;
background: url("../images/bgblue.png") center top no-repeat;
line-height: 54px;
text-align: center;
color: #ffffff;
font-weight: bold;
}
.liucheng_bg ul li em {
color: #49a8fd;
left: -10px;
display: inline-block;
top: -13px;
position: relative;
}
.liucheng_i {
width: 940px;
margin: 0 auto;
line-height: 40px;
}
.liucheng_i em {
margin: 5px;
display: block;
width: 30px;
height: 30px;
background: #49a8fd;
border-radius: 50px;
float: left;
}
.liucheng_i em n {
top: -5px;
left: 8px;
position: relative;
color: #ffffff;
}
.liucheng_i .lcline_dot {
margin-left: 16px;
height: auto;
border-left: 1px dashed #d2d2d2;
}
.liucheng_i img {
padding: 10px 40px;
max-width: 630px;
}
.liucheng_i .lcline {
margin:10px 10px 10px 80px;
width: 710px;
border: 1px solid #d2d2d2;
border-radius: 20px;
}
.liucheng_i .lctitle {
margin-left: 50px;
}
<div class="liucheng_bg">
<ul>
<li><em>1</em>注册登录</li>
<li><em>2</em>课程中心</li>
<li><em>3</em>课程页面</li>
<li><em>4</em>课程选择</li>
<li><em>5</em>确认课程</li>
<li><em>6</em>充学习卡</li>
<li><em>7</em>充值操作</li>
<li><em>8</em>充值成功</li>
</ul>
</div>
|
作者:邯郸网站制作 |
上一条: 带图标的联系我们CSS实现
|
来源:互联网 |
下一条: trs为当天的新闻添加最新新闻标志
|
|
|