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

【记录54】渐变色 linear-gradient / radial-gradient

linear-gradient 线性渐变:是以直线条渐变
radial-gradient 径向渐变:是以图型形状渐变

<!-- 线性渐变(从一个方向到另一个方向 -->
        <div style=" background: linear-gradient(to right, red, blue);"></div>
        <!-- 径向渐变(从一个点向外扩散) -->
        <div style=" background: radial-gradient(circle, red, blue);"></div>
        <!-- 线性渐变指定方向和颜色停止点: -->
        <div style=" background: linear-gradient(45deg, yellow, green, blue);"></div>
        <!-- 径向渐变指定形状、大小和颜色停止点: -->
        <div style=" background: radial-gradient(circle at center, yellow, green, blue);"></div>

在这里插入图片描述

http://www.dtcms.com/a/29916.html

相关文章:

  • 大语言模型基础
  • 2025寒假天梯训练7
  • 【鸿蒙开发】第四十三章 Notification Kit(用户通知服务)
  • .Net面试宝典【刷题系列】
  • 《筑牢元宇宙根基:AI与区块链的安全信任密码》
  • 为AI聊天工具添加一个知识系统 之114 详细设计之55 知识表征
  • 深入解析BFS算法:C++实现无权图最短路径的高效解决方案
  • bboss v7.3.5来袭!新增异地灾备机制和Kerberos认证机制,助力企业数据安全
  • DeepSeek 助力 Vue 开发:打造丝滑的 键盘快捷键(Keyboard Shortcuts)
  • 鸿蒙5.0实战案例:基于自定义注解和代码生成实现路由框架
  • P1055 [NOIP 2008 普及组] ISBN 号码(java)【AC代码】
  • 【CXX】5 桥接模块参考
  • SQL Server导出和导入可选的数据库表和数据,以sql脚本形式
  • netcore libreoffice word转pdf中文乱码
  • Vue 3 和 Vite 从零开始搭建项目的详细步骤
  • JavaWeb-Tomcat服务器
  • 一周学会Flask3 Python Web开发-客户端状态信息Cookie以及加密
  • 鸿蒙-canvas-画时钟
  • vue从入门到精通(十一):条件渲染
  • VLM(视觉语言模型)与DeepSeek R1(奖励机制)如何结合
  • springboot的 nacos 配置获取不到导致启动失败及日志不输出问题
  • 回溯算法——77,216
  • 合理建模--最短路径
  • open webui 部署 以及解决,首屏加载缓慢,nginx反向代理访问404,WebSocket后端服务器链接失败等问题
  • 《机器学习实战》专栏 No12:项目实战—端到端的机器学习项目Kaggle糖尿病预测
  • 第十五届蓝桥杯:爬山
  • 物联网+人工智能的无限可能
  • 多线程和并发篇
  • 我使用windows笔记本通过远程桌面连接连接linux服务器,但是远程桌面连接显示“未启动对服务器的远程访问”,我应该怎么做才能使用笔记本连接服务器呢?
  • Python爬虫系列教程之第十四篇:爬虫项目部署、调度与监控系统