CSS :
3360路线{
/*RGB变量的定义*
--red: 44；
--green: 135；
- -蓝牙： 255；
//*
使用sRGB Luma方法计算灰度。 可以看作是亮度
算法如下
*轻型=(red * 0.2126 green * 0.7152 blue * 0.0722 )/255
*/
-轻型： calc ((var (-red ) 0.2126var(-green ) ) 0.7152var(-blue ) ) * 0.0722 )/255 )；
. btn {
font-size: 150%；
padding:5em 2em；
border:2em solid；
. btn {
/*按钮的背景色为基本背景色*
背景3360 RGB (var (-- red )，var )--green )，var )--blue )；
//*
*--灯光亮度与0.5的比较
如果大于*，正数乘以-999999%将获得较大的负数，浏览器将渲染为边界0%。 也就是说，亮度为0，所以颜色变为黑色。
如果小于*，与-999999%相乘，则得到以最大有效值100%渲染的大正数，颜色为白色。
*/
color : HSL (0，0 %，calc ) (var(-lightness )- 0.5 ) * -999999% )；
//*
*给深色蒙上浅色阴影
*/
文本阴影：1 px1px rgba (calc (-red ) 50、calc (var )-green ) 50 )、calc (-blue ) 50 )、calc
//*
确定边框的透明度。
*亮度大于0.8表示按钮的背景颜色浅。 显示深色边框。
*亮度小时，按钮的背景色较深，不需要显示框。
在这种情况下，如果计算后为负值且透明度小于0，则浏览器将渲染为0，从而使边框透明。
*/
/*设置边框相关样式*
边框颜色： rgba (calc (-red )- 50 )、calc(var )-green (- 50 )、calc (-blue )-50 )和calc )
输入{
垂直对准：米；
玛姬- right : 10px；
. c-r:after {
counter-reset3360redvar----red；
内容： counter (red；
. c-g:after {
counter-reset : green var---- green；
内容： counter (绿色；
. c-b:after {
counter-reset : blue var---- blue；
内容：计数器(blue；