当前位置: 首页 > news >正文

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

文本阴影

text-shadow 属性
给文本内容添加阴影的效果。
文本阴影的语法格式如下:

text-shadow: x-offset y-offset blur color;

• x-offset 是沿 x 轴方向的偏移距离,允许负值,必须参数。
• y-offset 是沿 y 轴方向的偏移距离,允许负值,必须参数。
• blur 是阴影的模糊程度,可选参数。
• color 是阴影的颜色,可选参数。

我们来举个例子吧!
新建一个 index4.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>

在这里插入图片描述

http://www.lryc.cn/news/298188.html

相关文章:

  • LRU缓存
  • ncc匹配提速总结
  • 人力资源智能化管理项目(day06:员工管理)
  • Java实现数据可视化的智慧河南大屏 JAVA+Vue+SpringBoot+MySQL
  • 【Flink】FlinkSQL的DataGen连接器(测试利器)
  • 5G NR 频率计算
  • 关于物理机ping不通虚拟机问题
  • 深度学习在知识图谱问答中的革新与挑战
  • JAVA设计模式之职责链模式详解
  • CSP-201912-1-报数
  • 前后端分离好处多多,怕就怕分工不分人,哈哈
  • 机器学习:Softmax介绍及代码实现
  • python基于flask的网上订餐系统769b9-django+vue
  • jenkins 发布远程服务器并部署项目
  • 【数学建模】【2024年】【第40届】【MCM/ICM】【D题 五大湖的水位控制问题】【解题思路】
  • 【开源】JAVA+Vue+SpringBoot实现公司货物订单管理系统
  • ###C语言程序设计-----C语言学习(12)#进制间转换,十进制,二进制,八进制,十六进制
  • 锐捷设备常用命令
  • python:lxml 读目录.txt文件,用 xmltodict 转换为json数据,生成jstree所需的文件
  • 【Spring】Spring 对 Ioc 的实现
  • QT学习文件操作类 QFile
  • VOL_常用记录!!
  • 解决Typora导出HTML不显示图片
  • React Native开发iOS实战录
  • C++局部变量与全局变量
  • 深入理解ES的倒排索引
  • HTML世界之第一重天
  • docker run报 docker: Error response from daemon: no command specified.
  • vue3 之 商城项目—详情页
  • Linux笔记之Docker进行镜像备份与迁移