CSS揭秘
本栏内容为笔记,原文在《CSS揭秘》,有兴趣可以去阅读。
qq_43480829
这个作者很懒,什么都没留下…
展开
-
CSS揭秘:背景与边框(3)~灵活的背景定位
灵活的背景定位难题如果想要针对容器某个角对背景图片做偏移定位。如右下角,在CSS2.1中,我们只能指定距离左上角的偏移量,或者直接完全靠齐到其他三个角。但是,我们有时希望图片和容器的边角之间能留出一定的空隙(类似内边距的效果),以免得到如图效果:对于具有固定尺寸的容器来说,使用CSS2.1来做到这一点事可能的,但很麻烦,基于它自身的尺寸以及我们期望它距离右下角的偏移量,计算出背景图片距离左...原创 2019-12-23 21:53:03 · 148 阅读 · 0 评论 -
CSS揭秘:背景与边框(2)~多重边框
有些情况下,为了满足一些要求,普通的边框有点满足不了我们的需求,这时我们 可以使用多重边框。背景知识box-shadow(盒子阴影)的基本用法box-shadow属性可以设置一个或多个下拉阴影的框。语法:box-shadow: h-shadow v-shadow blur spread color inset;...原创 2019-12-20 13:58:49 · 144 阅读 · 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 · 196 阅读 · 0 评论