![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS揭秘
本栏内容为笔记,原文在《CSS揭秘》,有兴趣可以去阅读。
qq_43480829
这个作者很懒,什么都没留下…
展开
-
CSS揭秘:背景与边框(3)~灵活的背景定位
灵活的背景定位 难题 如果想要针对容器某个角对背景图片做偏移定位。如右下角,在CSS2.1中,我们只能指定距离左上角的偏移量,或者直接完全靠齐到其他三个角。但是,我们有时希望图片和容器的边角之间能留出一定的空隙(类似内边距的效果),以免得到如图效果: 对于具有固定尺寸的容器来说,使用CSS2.1来做到这一点事可能的,但很麻烦,基于它自身的尺寸以及我们期望它距离右下角的偏移量,计算出背景图片距离左...原创 2019-12-23 21:53:03 · 151 阅读 · 0 评论 -
CSS揭秘:背景与边框(2)~多重边框
有些情况下,为了满足一些要求,普通的边框有点满足不了我们的需求,这时我们 可以使用多重边框。 背景知识 box-shadow(盒子阴影)的基本用法 box-shadow属性可以设置一个或多个下拉阴影的框。 语法: box-shadow: h-shadow v-shadow blur spread color inset; ...原创 2019-12-20 13:58:49 · 148 阅读 · 0 评论 -
CSS揭秘:背景与边框(1)~半透明边框
最近在阅读《CSS揭密》一书,将学习过的内容自己简单纪录一下,只为了加深一下子自己的记忆,方便学习,大家感兴趣的可以去看一下这本书。 半透明边框 背景知识 rgba()、hsla()颜色 RGBA 说明: RGBA(R,G,B,A) 取值: R:红色值。正整数 | 百分数 G:绿色值。正整数 | 百分数 B:蓝色值。正整数 | 百分数 A:Alpha透明度,取值0~1之间。 R...原创 2019-12-18 20:48:21 · 206 阅读 · 0 评论