css - box-shadow

复制代码
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>Document</title>
 9     <style>
10         h1 {
11             /* 
12             box-shadow:0px 0px 1px #000
13 
14             box-shadow: 0(左右边框阴影 为1px,第1个值为正整数左边框阴影,第1个值为负整数 代表 右边框阴影) 0(第2个值为0 代表上下边框阴影, 第2个值为正整数 代表1px阴影距离上边框多少,第1个值为负整数 代表下边框阴影设置) 
15             10px(指阴影程度) inset(内阴影，不填写则外阴影)
16              */
17             box-shadow: 0 0 10px #000 inset;
18             width: 80px;
19             height: 80px;
20         }
21     </style>
22 </head>
23 
24 <body>
25     <h1></h1>
26 </body>
27 
28 </html>
复制代码

 

1         /*
2             blur:模糊半径
3             spread:颜色
4         */
5         box-shadow: 0 0 10px #f00 inset;
6         box-shadow: h-shadow v-shadow blur spread color inset;

 

posted @   Sunsin  阅读(118)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 25岁的心里话
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
AI IDE Trae