其他分享
首页 > 其他分享> > 23-css补充

23-css补充

作者:互联网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box{
            --高度: 200px;
            --宽度: 200px;
            --颜色: #b9c9fd;
            width: var(--高度);
            height: var(--宽度);
            border: 5px solid currentColor;
            color: var(--颜色);
            box-shadow: 0 0 20px 0 currentColor inset;
        }
    </style>
</head>
<body>
<div class="box"></div>
<!--
overflow:值 规定内容超过容器时的处理情况
visible(默认) 超出容器的内容可见
hidden 超出容器的内容不可见
scroll 不管内容有没有超过容器都有滚动条 -x或-y
auto 内容超过容器有滚动条,没有超过容器就没有滚动条

css中的小技巧

currentColor 寻找当前的字体颜色

css原生变量
    --颜色: #b9c9fd; 定义颜色为深蓝色
    var(--颜色) 使用变量这个颜色

opacity: ;不透明程度

-->
</body>
</html>

 

标签:box,currentColor,23,补充,宽度,var,颜色,css,200px
来源: https://www.cnblogs.com/zhangyu666/p/11477492.html