1、缩略图（一） 缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成 ...

效果 效果图如下 实现思路 使用box-shadow画赤橙黄绿蓝靛紫7个弧形，拼接在一起 after伪元素写投影样式 彩虹和投影都有动画 dom结构 用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写彩虹的样式。 <div c ...

效果 效果图如下 实现思路 div实现太阳的一条矩形光影 before伪元素制作另一条光影矩形，和已有的转变90° after伪元素画个圆实现太阳样式 dom结构 用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写太阳的一条光 ...

效果 效果图如下 实现思路 使用box-shadow属性写几个圆，将这些圆错落的组合在一起，形成云朵图案 after伪元素写下面的投影样式 before伪元素写黄色闪电的样式 dom结构 用两个嵌套的div容器就可以了，父容器来控制图标显示 ...

flex布局兼容知识点总结 ==假设父容器class为box，子项目为item== 一、定义容器的display属性 .box{ display: -webkit-flex; displau: flex; } 二、容器样式 ...