随笔分类 - Tips
摘要:效果图: 一.纯CSS实现 二.原生JS实现 三.使用JQ
阅读全文
摘要:一.实现分隔线的方法(未理解:不是说span元素垂直方向设置怕padding不影响吗?) html: css: 实现原理:打开chrome浏览器开发者工具进行盒子模型的查看。 图1:将span标签的margin-left设置为12px,对应效果如图1。 图2:为使分隔线左右两边空白对称,这里将spa
阅读全文
摘要:1.纵向 实现效果: 注意: 解决方案: 2.横向(注意:把<a>标签设置为:display: block;) 实现效果: 3.圆角 实现效果: 4.向上增加高度 效果图: 5.水平增加宽度(JS) 6.水平增加宽度(JQ)
阅读全文
摘要:用原生的javascript实现方格拼图效果 1.新建文件夹 代码如下: 01.html 01.js 01.css 图片 遇到一个问题: 在js代码中的第9行和第10行,本来是一条语句,但我直接用键盘回车把它们分成两行时,会出现错误: 错误:syntaxerror:未结束的字符串。 Google之后
阅读全文