首页 > 其他分享 >【秀米教程】设置背景渐变色,添加渐变色

【秀米教程】设置背景渐变色,添加渐变色

时间:2024-01-22 13:00:35浏览次数:28  
标签:教程 linear gradient 渐变色 渐变 秀米

添加渐变色

1、点击控件,直到出现属性栏

2、点击【“+”号】-【渐变色】-【输入代码】-【加入调色板】

3、此时调色板最下面就会出现新的渐变色

代码看不懂?

linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变。

渐变轴为45度,从蓝色渐变到红色
linear-gradient(45deg, blue, red);

/* 从右下到左上、从蓝色渐变到红色 */
linear-gradient(to left top, blue, red);

/* 从下到上,从蓝色开始渐变、到高度 40% 位置是绿色渐变开始、最后以红色结束 */
linear-gradient(0deg, blue, green 40%, red);

代码操作网站https://developer.mozilla.org/zh-CN/docs/Web/CSS/gradient/linear-gradient

往期精选推荐
  1. 【秀米教程】秀米推文上传到微信公众号后台
  2. 【秀米教程】制作专属秀米模板,更加适应你的工作内容
  3. 简单、免费、快捷的公众号运营工具 — 模板样式

标签:教程,linear,gradient,渐变色,渐变,秀米
From: https://www.cnblogs.com/MrFlySand/p/17979832

相关文章

  • redis 安装教程
    一、初始化环境创建redis运行时的用户和组$groupaddredis$useradd-gredisredis-s/sbin/nologin-M初始化数据目录$rm-rf/data/redis$mkdir-pv/data/redis$chown-Rredis:redis/data/redis初始化日志目录$mkdir-pv/data/logs/redis$chown-Rredis:redis/......
  • STM32CubeMX教程21 CAN - 双机通信
    1、准备材料开发板(正点原子stm32f407探索者开发板V2.4)STM32CubeMX软件(Version6.10.0)野火DAP仿真器keilµVision5IDE(MDK-Arm)ST-LINK/V2驱动CH340GWindows系统驱动程序(CH341SER.EXE)XCOMV2.6串口助手2、实验目标使用STM32CubeMX软件配置两台STM32F407开发板的CAN1模块......
  • 2024最新版Xmind for Windows下载安装教程
    软件介绍:LifetimeXMindforWindows:一款全新的思维导图软件如果你是一个喜欢用思维导图来组织思路、管理项目、记录灵感的人,那么你一定不会陌生XMind这个品牌。XMind是一款在思维导图领域表现出色的软件,它拥有遍布全球的大量用户,不仅为用户提供创建思维导图的功能,而且还提供开源。......
  • 无涯教程-CodeIgniter - MVC框架
    CodeIgniter基于模型-视图-控制器(MVC)开发模式。MVC是一种将应用程序逻辑与表示分离的软件方法。Model    - 代表数据模型,主要跟数据库打交道,实现无涯教程的CURD封装。View      - 是前台展示给用户看的界面。Controller - Model和View的桥梁......
  • 2024最新版Xmind for MAC下载安装教程
    软件介绍XMindforMac24.0内置激活版是一款专业的思维导图软件,本版本是永久激活版,可以帮助用户更好地组织思维、管理信息、规划项目和解决问题。它提供了丰富的模板和工具,使用户能够创建美观、清晰、易于理解的思维导图。2024XmindforMac下载链接:链接:https://pan.xunlei.com/s......
  • 无涯教程-CodeIgniter - 应用结构
    下面显示了CodeIgniter应用程序的体系结构。如图所示,每当对CodeIgniter发出请求时,它都会首先进入index.php页面。在第二步中,路由将决定是将此请求传递给步骤3进行缓存还是将此请求传递给步骤4进行安全检查。如果请求的页面已经在缓存中,则路由会将请求传递到步骤3,响应将返回......
  • 无涯教程-CodeIgniter - 安装步骤
    安装CodeIgniter非常容易。只需按照下面给出的步骤-步骤1  - 从链接CodeIgniter 下载最新版本。步骤2  - 解压缩文件夹。步骤3  - 将所有文件和文件夹上载到服务器。步骤4  - 将所有文件上传到服务器后,访问服务器的URL,如www.domain-name.com。访问URL......
  • Zlib安装部署教程
    1、进入网址,下载相应压缩包网址在此:传送解压压缩包;2、打开终端,进入解压的文件夹的路径nmake-fwin32/Makefile.msc接下来的步骤可以参考这个链接:传送门重定向目标完成:......
  • 无涯教程-CodeIgniter - 简介
    CodeIgniter是一个函数强大的PHP框架,无涯教程喜欢简称它叫CI,由EllisLab创建,现在是不列颠哥伦比亚技术学院的一个项目。是一套给PHP网站开发者使用的应用程序开发框架和工具包。它提供一套丰富的标准库以及简单的接口和逻辑结构,其目的是使开发人员更快速地进行项目开发。本教程是......
  • 无涯教程-Node.js - 扩展程序
    Node.js以单线程模式运行,但是它使用事件驱动来处理并发,它还有助于创建子进程,以在基于多核CPU的系统上利用并行处理。子进程始终具有三个流child.stdin,child.stdout和child.stderr,它们可以与父级的stdio流共享处理。Node提供了child_process模块,该模块具有以下三种创建......