其他分享
首页 > 其他分享> > 速通web前端的sun-----web前端三剑客之css(八)

速通web前端的sun-----web前端三剑客之css(八)

作者:互联网

  1. 圆角属性
    1.1. 边框模拟三角形
    在这里插入图片描述
    下面自己写的
    在这里插入图片描述

1.2. 圆角属性
在这里插入图片描述
在这里插入图片描述
太极练习
在这里插入图片描述

  1. 伪元素
    在这里插入图片描述
    这里还有::after,可以结合clearFix

  2. 标准盒子模型和怪异盒子模型
    一开始还没反应过来,原来就是IE盒子模型啊,俺没事了在这里插入图片描述附链接可以一看:https://www.cnblogs.com/nyw1983/p/11326599.html
    在这里插入图片描述

  3. 文字阴影
    4.1. 文字阴影属性
    在这里插入图片描述

4.2. 文字边框
在这里插入图片描述

4.3. 文字裁剪属性
在这里插入图片描述

  1. 盒子阴影
    在这里插入图片描述

  2. 背景属性
    6.1. 背景裁剪属性
    在这里插入图片描述

6.2. 背景起始位置
在这里插入图片描述

6.3. 背景缩放属性
在这里插入图片描述

6.4. 滚动背景和固定背景图
在这里插入图片描述

6.5. 多重背景图
在这里插入图片描述

6.6. 过滤器
6.6.1. 模糊效果
在这里插入图片描述

6.6.2. 黑白网页(写在body中可以全局生效)
在这里插入图片描述

标签:文字,web,盒子,背景,前端,6.6,三剑客,背景图,属性
来源: https://blog.csdn.net/pinenutssg1/article/details/122039933