向导式html页面有哪些,html + css 页面向导

效果：

html:

身份认证

信息录入

人脸录入

css:

.guide{

padding: 20px;

margin-bottom: 20px;

background: #fff;

}

.guide:after{

clear: both;

content: '';

display: block;

}

.guide .guide-item{

float: left;

text-align: center;

position: relative;

width: 33.33333%;

}

.guide .guide-item:after,

.guide .guide-item:before{

content: '';

display: block;

width: 50%;

height: 4px;

background: #f4f4f4;

position: absolute;

top: 10px;

}

.guide .guide-item:after{

right: 0;

}

.guide .guide-item:before{

left: 0;

}

.guide .guide-item:first-of-type:before{

display: none;

}

.guide .guide-item:last-of-type:after{

display: none;

}

.guide .guide-item.over span,

.guide .guide-item.on span,

.guide .guide-item.on:before,

.guide .guide-item.over:after,

.guide .guide-item.over:before{

background: #007aff;

color: #fff;

}

.guide .guide-item.on span{

-webkit-transform: scale(1.2);

-moz-transform: scale(1.2);

-ms-transform: scale(1.2);

-o-transform: scale(1.2);

transform: scale(1.2);

}

.guide .guide-item span{

display: inline-block;

width: 24px;

height: 24px;

text-align: center;

line-height: 24px;

border-radius: 50%;

background: #f4f4f4;

font-weight: bold;

font-size: 16px;

position: relative;

z-index: 10;

}

.guide .guide-item p{

font-size: 12px;

color: #808080;

padding-top: 5px;

}

向导式html页面有哪些,html + css 页面向导相关推荐

关于JFace中的向导式对话框(WizardDialog类)
向导式对话框是一种非常友好的界面,它能够引导用户一步步的输入信息.Eclipse的"新建项目",就是这样的向导式对话框. 在Eclipse中向导式对话框的开发是很简单的,它由Wiz ...
如何设计一个优秀的向导式界面（Wizard）
软件界面设计中的"向导式界面"这个术语翻译自英语中的"Wizard"一词.大部分字典上对于Wizard的解释是男巫.奇才的意思.不过从其用途来看,似乎向导的译法 ...
关于美食商城HTML网页设计-----在线美食订餐网站html模板源码30个页面(功能齐全) html+css+javascript网页设计实例企业网站制作...
关于美食商城HTML网页设计-----在线美食订餐网站html模板源码30个页面(功能齐全) html+css+javascript网页设计实例企业网站制作临近期末, 你还在为HTML网页设计结课 ...
HTML期末作业课程设计期末大作业——体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码)...
HTML期末作业课程设计期末大作业--体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...
HTML5期末大作业：旅游网站设计——简单大气的响应式旅游网页(5页) HTML+CSS+JavaScript...
HTML5期末大作业:旅游网站设计--简单大气的响应式旅游网页(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页 ...
[css] 页面重构“鑫三无准则” 之“无宽度”准则
原创文章,转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 本文地址:http://www.zhangxinxu.com/wordpress/?p=1152 ...
个人设计web前端大作业~响应式游戏网站源码(HTML+CSS+Bootstrap)
HTML期末大作业课程设计游戏主题html5网页~响应式游戏网站(HTML+CSS+Bootstrap) ~个人设计web前端大作业临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
引入css样式属于链接式的是,（5）css样式导入
样式的组成 1.选择器:将样式与页面中的某一个或某些标签建立联系,就要使用选择器,在head标签下写一个style标签,将需控制参数的标签名写在这个style标签下,设置属性即可通过css来控制htm ...
CSS页面布局（超详解）
目录 1 CSS页面布局概述 1.1 概述 1.2 网页栏目划分 1.3 元素类型转化 1.3.1 块元素 1.3.2 行内元素 1.3.2 块元素和行内元素的转换 1.4 定位 1.4.1 静态定位 ...

向导式html页面有哪些,html + css 页面向导

向导式html页面有哪些,html + css 页面向导相关推荐

最新文章

热门文章