蓝桥杯Web应用开发-CSS3 新特性【练习三:文本阴影】

文本阴影

text-shadow 属性

给文本内容添加阴影的效果。

文本阴影的语法格式如下:

html 复制代码
text-shadow: x-offset y-offset blur color;

• x-offset 是沿 x 轴方向的偏移距离,允许负值,必须参数。

• y-offset 是沿 y 轴方向的偏移距离,允许负值,必须参数。

• blur 是阴影的模糊程度,可选参数。

• color 是阴影的颜色,可选参数。

我们来举个例子吧!

新建一个 index4.html 文件,在其中写入以下内容。

html 复制代码
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      div {
        font-size: 50px;
        color: rgb(0, 153, 255);
        text-shadow: 4px 4px 3px rgb(0, 255, 179);
      }
    </style>
  </head>
  <body>
    <div>示例内容</div>
  </body>
</html>
相关推荐
XiaoYu20025 小时前
第12章 支付宝SDK
前端
双向335 小时前
RAG的下一站:检索增强生成如何重塑企业知识中枢?
前端
拖拉斯旋风5 小时前
从零开始:使用 Ollama 在本地部署开源大模型并集成到 React 应用
前端·javascript·ollama
asing5 小时前
🤯 为什么我的收银台在鸿蒙系统“第一次返回”死活拦不住?一次差点背锅的排查实录
前端·harmonyos
德育处主任5 小时前
『NAS』在群晖部署图片压缩工具-Squoosh
前端·javascript·docker
Hao_Harrision5 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| ThreeDBackgroundBoxes(3D背景盒子组件)
前端·3d·typescript·react·tailwindcss·vite7
加个鸡腿儿6 小时前
经验分享2:SSR 项目中响应式组件的闪动陷阱与修复实践
前端·css·架构
2301_800895106 小时前
hh的蓝桥杯每日一题
算法·职场和发展·蓝桥杯
仰泳的熊猫6 小时前
题目1099:校门外的树
数据结构·c++·算法·蓝桥杯
心.c6 小时前
如何基于 RAG 技术,搭建一个专属的智能 Agent 平台
开发语言·前端·vue.js