23-css补充
2024-10-07 22:22:53
<!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>
最新文章
- Select Top在七种数据库中的使用方法(包含mysql)
- lucene 的评分机制
- Page Scroll Effects - 简单的页面滚动效果
- CAGradientLayer的一些属性解析
- CSS3初学篇章_5(背景样式/列表样式/过渡动画)
- (1) 深入理解Java虚拟机到底是什么?
- iOS获取设备信息
- C++11:POD数据类型
- 内存调试工具Electric Fence
- 自定义 tabBar (默认 tabBar 为可读不可写类型)
- hdu 4223
- 大话数据结构—平衡二叉树(AVL树)
- linux内核申请内存函数
- Swiper的简单实用方法
- 在WPF中自定义你的绘制(二)
- poj 3370 鸽笼原理知识小结
- linux学习(八)chmod、chown、umask、lsattr、chattr
- 013 mysql中find_in_set()函数的使用
- FPGA设计中的异步复位、同步释放思想
- Codeforces 765F Souvenirs - 莫队算法 - 链表 - 线段树