解密CSS笔记(一)

作者: 旋风快快 | 来源:发表于2018-03-18 11:37 被阅读0次

通过rgb和hsla进行颜色设置：


border:10px solid hsla(0,0%,100%,.5);

background:yellowgreen;

background-clip: padding-box;

image.png

设置padding-box代表浏览器会用内边距来裁剪背景，这时候border下的背景是padding外的。

而默认是border-box，border下的背景是padding，则透明边框会透出容器的颜色。

image.png


box-shadow:0 0 0 10px #655,

0 0 0 15px deeppink,

0 2px 5px 15px rgba(0,0,0,.6);

2.outline


outline: 5px solid rebeccapurple;

outline-offset: -10px;

out-line-offset设为负值可以实现缝边效果

image.png

解密CSS笔记(一)
半透明边框通过rgb和hsla进行颜色设置：设置padding-box代表浏览器会用内边距来裁剪背景，这时候b...
CSS 自学笔记（中）
传送门： CSS 自学笔记（上） CSS 自学笔记（中） CSS 自学笔记（下）继承、层叠和特殊性继承 CSS...
CSS 自学笔记（上）
传送门： CSS 自学笔记（上） CSS 自学笔记（中） CSS 自学笔记（下） 1. 简介 CSS 是层叠样式表...
CSS 自学笔记（下）
传送门： CSS 自学笔记（上） CSS 自学笔记（中） CSS 自学笔记（下）代码简写布局缩写 paddin...
CSS学习笔记（2018-07-29）
CSS学习笔记 CSS 指层叠样式表 (Cascading Style Sheets) CSS语法 CSS 规则由...
js操作样式
CSS HTML 笔记
CSS知识点整理
写在前面：这是一篇学习CSS的笔记。重点在于罗列CSS的知识点。 CSS ㈠ CSS入门什么是CSS？CSS 指...
Hive中加密字段的UDF
工作需要，写了两个用TripleDES算法给敏感信息字段加/解密的UDF，笔记一下：加密函数解密函数
CSS入门学习笔记
CSS学习笔记 CSS＝层叠样式表 cascading style sheets HTML 表达结构， CSS...
CSS_基础
初探css,了解个大概，本文主要是对"zhaolion:CSS入门笔记－初识CSS"的简要记录 CSS的好处 ...