- 博客(18)
- 收藏
- 关注
原创 HTML5中div、p、ol、li、ul、dl、dd、form、span的使用案例
Document <style> /* 块元素的特点 1.默认宽度 父元素的百分百;一致 2.霸占一行 3.支持全部样式 */ .box{ width: 100px; height: 50px; background-color: red; } span{ /* 1.行
2017-12-14 08:13:10 1144
原创 HTML5中ol和li属性应用
Document<style> ul{ /* 去掉左侧的小圆点 */ list-style: none; }</style> <!--1.有序列表ol li 组标签li list--><ol type="a"> <li>高级会员&
2017-12-09 23:17:15 715
原创 HTML5中margin属性应用
Document div{ width: 100px; height: 100px; background-color: red; /* 外边距 */ margin-top: 30px; margin-left: 100px; margin-right: 100px;
2017-12-09 22:09:34 6591
原创 HTML5中div常用属性设置(外链式)
Document div{ width: 300px; height: 300px; /* 背景色 */ background-color: red; /* 边框 border */ /* 边框的粗细 实线 边框颜色 */ border-top: 10px solid green; bo
2017-12-09 22:04:29 1940
原创 HTML5中实现进度条绑定输出结果以及滑动条动态调整颜色案例
使用range类型 fieldset{width:280px;height:150px;padding:10px;} #slide{width:150px;float:left;margin-bottom:20px;} #preview{width:80px; height:80px; float:righ
2017-12-09 00:08:54 1881
原创 HTML5--下拉框联动
下拉框联动 请选择 脚本语言 高级语言 其他语言 请选择 //获取一级菜单长度 var select1_len = document.frm.s1.options.length; var select2 = new Array(select1_len); //把一级菜单都设为数组 for (i=0; i
2017-12-09 00:00:00 2757
原创 HTML5--焦点轮播图案例
焦点轮播图 *{padding:0px;margin:0px;list-style:none;} .wrap{margin:20px auto; width:490px; height:170px; overflow:hidden; position:relative;
2017-12-08 23:22:57 2768
原创 HTML5--纯CSS3实现的tab标签切换
CSS3代码实现的tab标签切换 *{padding:0px;margin:0px;} #tab{margin:20px;20px;position:relative;} ul{list-style:none;} ul li{float:left;} ul li a{background:#f90; color:#fff;
2017-12-07 20:44:07 4689
原创 HTML5--javascript代码实现Tab切换
javascript实现Tab切换 *{padding:0px;margin:0px;} ul li {cursor:pointer; float:left; width:100px; height:30px; line-height:30px; text-al
2017-12-07 20:41:24 4006 1
原创 HTML5--javaScript制作的水平下拉菜单
*{padding:0px;} div{margin:20px 150px;} ul{list-style:none;} ul li{float:left;position:relative;} ul li a{text-decoration:none; background:#900; height:40p
2017-12-07 20:33:39 600
原创 html5中使用外链式为div标签设置属性
Document div{ width: 300px; height: 300px; /* 背景色 */ background-color: red; /* 边框 border */ /* 边框的粗细 实线 边框颜色 */ border-top: 10px solid green; bo
2017-12-07 20:17:20 1348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人