css-secrets

CSS SECRETS

02.背景与边框

• 01.半透明边框
• 02.多重边框
• 03.灵活的背景定位
• 04.边框内圆角
• 05.条纹背景
• 06.复杂的背景图案
• 07.伪随机背景
• 08.连续的图像边框

03.形状

• 09.自适应的椭圆
• 10.平行四边形
• 11.菱形图片
• 13.梯形标签页

04.视觉效果

• 15.单侧投影

05.字体排印

• 20.连字符断行
• 21.插入换行
• 22.文本行的斑马条纹
• 23.调整 tab 的宽度
• 24.连字

06.用户体验

• 29.选用合适的鼠标光标
• 30.扩大可点击区域
• 31.自定义复选框
• 32.通过阴影来弱化背景

07.结构与布局

• 36.自适应内部元素
• 38.根据兄弟元素的数量来设置样式
• 39.满幅的背景，定宽的内容
• 40.垂直居中
• 41.紧贴底部的页脚

---

一点思考：

• html 文件放到 GitHub 的 CI 中去生成去跑去生成？本地的 ignore 掉？