程序员经验分享-hwhale

css linear-gradient 设置背景颜色渐变

2023-11-01

CSS3 渐变能够让背景颜色在两个或多个颜色之间平滑过渡。

基本语法：

background: linear-gradient(direction, color-stop1, color-stop2, …)

direction 是指渐变的方向， color-stop1为起始点， color-stop2为终点，最少要设置两个颜色。

线性渐变

线性渐变 —— 从上向下（默认情况）：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-linear-gradient(#DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-linear-gradient(#DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-linear-gradient(#DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: linear-gradient(#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
从上到下线性渐变

线性渐变 —— 从左到右渐变：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-linear-gradient(left, #DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-linear-gradient(right, #DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-linear-gradient(right, #DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: linear-gradient(to right,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述

线性渐变 —— 对角线：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-linear-gradient(left top, #DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-linear-gradient(bottom right, #DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-linear-gradient(bottom right, #DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: linear-gradient(to bottom right,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述

线性渐变 —— 自定义角度渐变：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-linear-gradient(180deg, #DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-linear-gradient(180deg, #DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-linear-gradient(180deg, #DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: linear-gradient(180deg,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述
-90deg 度：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-linear-gradient(-90deg, #DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-linear-gradient(-90deg, #DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-linear-gradient(-90deg, #DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: linear-gradient(-90deg,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述
75deg ：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-linear-gradient(75deg, #DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-linear-gradient(75deg, #DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-linear-gradient(75deg, #DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: linear-gradient(75deg,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述
145deg 度：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-linear-gradient(145deg, #DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-linear-gradient(145deg, #DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-linear-gradient(145deg, #DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: linear-gradient(145deg,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述

线性渐变 —— 使用多个颜色结点

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-linear-gradient( rgba(255,0,0,1),rgba(255,165,0,1),rgba(255,255,0,1),rgba(0, 255, 0,1),rgba(0, 127, 255,1),rgba(0, 0, 255 ,1),rgba(139, 0, 255 ,1));
        /*  Safari 5.1 到 6.0 */
        background: -o-linear-gradient( rgba(255,0,0,1),rgba(255,165,0,1),rgba(255,255,0,1),rgba(0, 255, 0,1),rgba(0, 127, 255,1),rgba(0, 0, 255 ,1),rgba(139, 0, 255 ,1));
        /*  Opera 11.6 到 12.0 */
        background: -moz-linear-gradient(rgba(255,0,0,1),rgba(255,165,0,1),rgba(255,255,0,1),rgba(0, 255, 0,1),rgba(0, 127, 255,1),rgba(0, 0, 255 ,1),rgba(139, 0, 255 ,1));
        /*  Fx 3.6 到 15 */
        background: linear-gradient(rgba(255,0,0,1),rgba(255,165,0,1),rgba(255,255,0,1),rgba(0, 255, 0,1),rgba(0, 127, 255,1),rgba(0, 0, 255 ,1),rgba(139, 0, 255 ,1));
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述

rgba 设置颜色时，同时也可以设置透明度。

线性渐变 —— 重复线性渐变

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 径向渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-repeating-linear-gradient(#DC1010 5%, #90ED5A 10%, #2F57E8 15%);
        /*  Safari 5.1 到 6.0 */
        background: -o-repeating-linear-gradient(#DC1010 5%, #90ED5A 10%, #2F57E8 15%);
        /*  Opera 11.6 到 12.0 */
        background: -moz-repeating-linear-gradient(#DC1010 5%, #90ED5A 10%, #2F57E8 15%);
        /*  Fx 3.6 到 15 */
        background: repeating-linear-gradient(#DC1010 5%, #90ED5A 10%, #2F57E8 15%);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果：
在这里插入图片描述

椭圆径向渐变：

径向渐变 —— 颜色结点均匀分布

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 径向渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-radial-gradient(#DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-radial-gradient(#DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-radial-gradient(#DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: radial-gradient(#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果：
在这里插入图片描述

径向渐变 - 颜色结点不均匀分布

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-radial-gradient( #DC1010 5%, #90ED5A 30%, #2F57E8 60%);
        /*  Safari 5.1 到 6.0 */
        background: -o-radial-gradient( #DC1010 5%, #90ED5A 30%, #2F57E8 60%);
        /*  Opera 11.6 到 12.0 */
        background: -moz-radial-gradient( #DC1010 5%, #90ED5A 30%, #2F57E8 60%);
        /*  Fx 3.6 到 15 */
        background: radial-gradient( #DC1010 5%, #90ED5A 30%, #2F57E8 60%);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述

径向渐变 —— 设置形状：

shape 参数定义了形状。它可以是值 circle 或 ellipse。其中，circle 表示圆形，ellipse 表示椭圆形；默认值是 ellipse。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 径向渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-radial-gradient(circle,#DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-radial-gradient(circle,#DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-radial-gradient(circle,#DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: radial-gradient(circle,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果：
在这里插入图片描述

径向渐变 —— 重复径向渐变

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 径向渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-repeating-radial-gradient(#DC1010 5%, #90ED5A 10%, #2F57E8 15%);
        /*  Safari 5.1 到 6.0 */
        background: -o-repeating-radial-gradient(#DC1010 5%, #90ED5A 10%, #2F57E8 15%);
        /*  Opera 11.6 到 12.0 */
        background: -moz-repeating-radial-gradient(#DC1010 5%, #90ED5A 10%, #2F57E8 15%);
        /*  Fx 3.6 到 15 */
        background: repeating-radial-gradient(#DC1010 5%, #90ED5A 10%, #2F57E8 15%);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果：
在这里插入图片描述

径向渐变 —— 设置大小

size 参数定义了渐变的大小。它有以下四个值：closest-side, farthest-side, closest-corner, farthest-corner。

例子：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 径向渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-radial-gradient(60% 55%, closest-side,#DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-radial-gradient(60% 55%, closest-side,#DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-radial-gradient(60% 55%, closest-side,#DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: radial-gradient(60% 55%, closest-side,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果：
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 径向渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-radial-gradient(60% 55%, farthest-corner,#DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-radial-gradient(60% 55%, farthest-corner,#DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-radial-gradient(60% 55%, farthest-corner,#DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: radial-gradient(60% 55%, farthest-corner,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 径向渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-radial-gradient(60% 55%, farthest-side,#DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-radial-gradient(60% 55%, farthest-side,#DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-radial-gradient(60% 55%, farthest-side,#DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: radial-gradient(60% 55%, farthest-side,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>css 径向渐变</title>
    <style>
      .content {
        width: 300px;
        height: 200px;
        background: pink; /* 针对不支持渐变的浏览器 */
        background: -webkit-radial-gradient(60% 55%, closest-side,#DC1010, #90ED5A, #2F57E8);
        /*  Safari 5.1 到 6.0 */
        background: -o-radial-gradient(60% 55%, closest-side,#DC1010, #90ED5A, #2F57E8);
        /*  Opera 11.6 到 12.0 */
        background: -moz-radial-gradient(60% 55%, closest-side,#DC1010, #90ED5A, #2F57E8);
        /*  Fx 3.6 到 15 */
        background: radial-gradient(60% 55%, closest-side,#DC1010, #90ED5A, #2F57E8);
        /* 标准语法（必须是最后一个） */
      }
</style>
  </head>
  <body>
    <div class="content"></div>
  </body>
</html>

页面效果如下：
在这里插入图片描述

vue 项目中使用背景颜色渐变：

给 div 设置 style：

<div class="middle-container" :style="{background:mainBgColor}">
</div>

data 中声明 mainBgColor 变量：

  data () {
    return {
      mainBgColor: ''
    }
  },

触发方法时设置：

setMainBackgroundColor (col1,col2) {
   this.mainBgColor = `linear-gradient(${col1},${col2})`
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

CSS

css

javascript

html

css linear-gradient 设置背景颜色渐变 的相关文章

  • jquery window.open 在 ajax 成功中被阻止

    尝试在我的 ajax 成功调用中打开一个新的浏览器窗口 但是 它被阻止为弹出窗口 我做了一些搜索 发现用户事件需要绑定到 window open 才能避免这种情况发生 我还找到了这个解决方案 您可以在 ajax 之前打开一个空白窗口 然后在

  • 在为 RXJS 可观察量编写测试时，如何避免让调度程序通过我的业务逻辑？

    我发现使某些测试通过的唯一方法是显式地将调度程序传递给函数 为了便于说明 请考虑以下函数 function doStuff stream return stream delay 100 filter x gt x 2 0 map x gt

  • 如何通过php获取网页的Open Graph协议？

    PHP 有一个简单的命令来获取网页的元标记 get meta tags 但这仅适用于具有名称属性的元标记 然而 开放图谱协议如今变得越来越流行 从网页获取 opg 值的最简单方法是什么 例如 我看到的基本方法是通过 cURL 获取页面并使用

  • javascript中按tab键时如何调用函数？

    我有一个这样的功能 function whenEmpty field if field value field style backgroundColor ffcccc alert Please fill the field field f

  • 通过 node-http-proxy 保留基于 cookie 的会话

    我有一个简单的基于 Express 的 Node js Web 服务器 用于开发 JavaScript 应用程序 我将服务器设置为使用 node http proxy 来代理应用程序向在不同域和端口上运行的 Jetty 服务器发出的 API

  • 未捕获的错误：找不到模块“jquery”

    我在用Electron https github com atom electron制作桌面应用程序 在我的应用程序中 我正在加载一个外部站点 Atom 应用程序之外 可以说http mydummysite index html http

  • 在d3.js中将2D形状转换为3D，并根据ANGULAR中的值调整高度

    我正在使用 d3 js v6 创建以下 2D 图表表示的 3D 图表 这个圆圈中有多个正方形 每个正方形都根据值分配了一种颜色 值越大 正方形越暗 现在我想将其转换为 3D 形状 其中当值变高时 只有特定正方形的高度会增加 因此结果在某种程

  • 如何在 Angular 中从父组件访问子组件？

    I have mat paginator在子组件a中 如下所示 子组件 html

  • 使用 JS 合并具有相同值的相邻 HTML 表格单元格

    我已经为此苦苦挣扎了一段时间 我有一个根据一些 JSON 数据自动生成的表 该数据可能会有所不同 我想合并第一列中具有相同值的相邻单元格 例如此表中的 鱼 和 鸟 table tr td fish td td salmon td tr tr

  • 如何使JavaScript函数在Eclipse“大纲视图”中可见？

    我有这样的代码 但如果它在匿名函数中定义 则无法打开函数大纲 类没有问题 我该如何概述something2 请分享一些提示 我可以将所有函数标记为构造函数 但这是无效的方法 start of track event required deb

  • 如何将送货地址复制到帐单地址

    我想知道是否可以将送货地址复制到帐单地址 当用户单击与送货地址相同的复选框时 送货地址值将被复制到账单输入字段 我完成了大部分部分 但我不确定如何将选择菜单 状态 值复制到帐单地址 我真的很感谢任何帮助 My code document r

  • 覆盖并重置 CSS 样式：auto 或 none 不起作用

    我想覆盖为所有表定义的以下 CSS 样式 table font size 12px width 100 min width 400px display inline table 我有一个特定的表 其类名为 other 最后的餐桌装饰应该是这

  • Twitter 嵌入时间轴小部件

    我继续下载http platform twitter com widgets js http platform twitter com widgets js And the http platform twitter com embed t

  • 当用户单击链接时，如何记录 MixPanel 事件？

    当用户单击某种类型的链接时 我试图在 MixPanel 中记录一个事件 我正在使用 JQuery 不引人注意地完成此操作 据我所知 我需要添加一个回调函数 以便在记录事件后将用户带到 URL 这是我正在使用的代码 不幸的是

  • JavaScript 代码在不使用 ActiveX 的情况下截取网站屏幕截图

    我有一个用户与之交互的 JavaScript 应用程序 我需要保存当前界面的外观 裁剪出我需要的部分 或者通过指定div只拍摄我需要的部分 然后发送回服务器 显然任何外部服务都无法做到这一点 我需要一个 JavaScript 或Flash

  • 显示覆盖以覆盖整个页面

    我有一个正在加载的网络应用程序iframe 我需要显示一个覆盖 div 来覆盖整个页面 问题是叠加层当前仅显示在iframe区域而不覆盖整个页面 我们的应用程序 子应用程序 是加载的一组应用程序的一部分iframe 你可以做这样的事情 di

  • 防止文本区域出现新行

    我正在开发聊天功能 使用 Vue 并使用文本区域作为输入 以便溢出换行 并且对于编写较长消息的用户来说更具可读性 不幸的是 当用户按下 Enter 键并提交时 光标会在提交之前移动到新行 从而使用户体验感觉不佳 关于如何使用普通 Javas

  • 使用异步调用时如何从 javascript 更新元刷新？

    我有一个系统 它使用元刷新来注销页面 该系统会在空闲用户后进行清理 不用担心 服务器也会导致会话超时 我开始通过 ajax 进行一些操作 不是真正的 xml 但这不是重点 我可以运行从异步请求返回的javascript 所以我想知道是否可以

  • KeyboardAvoidingView - 隐藏键盘时重置高度

    我正在使用 React NativeKeyboardAvoidingView设置我的高度View当显示键盘时 但是当我关闭应用程序中的键盘时 视图的高度不会变回原来的值

  • 单击列表时使用 bootstrap Dropdown 防止下拉菜单消失

    我正在使用使用引导下拉菜单 http twitter github com bootstrap javascript html dropdowns生成下拉菜单 我想防止点击菜单时菜单消失 我已经实现了以下代码 但它不起作用 知道如何修复它吗

随机推荐

  • 离散数学中Warshall算法简析【离散数学】

    算法的自己的语言描述 i行j列 依次遍历邻接矩阵中的所有元素M j i 就是这里让人感到别扭 比如按照先列后行进行 如果M j i 0 那么就把i行加到第j行上 尝试过 遍历M i j j加到i行的情况 以下是例子 include

  • 架构师成长之路｜Redis配置文件参数讲解

    Redis conf文件 官网Redis文档链接 Redis官网 官网Redis config配置文件参数讲解 https redis io docs management config Redis conf参考模板例子 https red

  • js中元素样式设置的六种方法

    元素的样式设置六种方法 1 对象 style 2 对象 className 3 对象 setAttribute style 4 对象 setAttribute class 5 对象 style setProperty CSS属性 CSS属性

  • 回文串（增减版）

    题目描述 如何判断一个字符串在任意位置 包括最前面和最后面 插入一个字符后能不能构成一个回文串 输入描述 仅一行 为一个由字母和数字组成的字符串 s 输出描述 如果在插入一个字符之后可以构成回文串 则输出 Yes 否则输出 No 输入 ap

  • echarts里面如何设置仪表盘图表里面数字的颜色

    一 问题 仪表盘里面是数值颜色与背景不符 数字颜色太暗了 如下图所示 二 改变仪表盘数字刻度颜色的代码 axisLabel color auto auto就是和所在区域的颜色保持一致 distance 40 fontSize 20 三 整个

  • TensorFlow DLL文件缺失的解决方案：cudnn64_8.dll not found&cusolver64_10.dll not found

    本文目的 解决cublas64 11 dll not found cublasLt64 11 dll not found cufft64 10 dll not found curand64 10 dll not found cusolver

  • Solidity 文档--第一章：智能合约入门

    一个简单的智能合约 先从一个非常基础的例子开始 不用担心你现在还一点都不了解 我们将逐步了解到更多的细节 存储 contract SimpleStorage uint storedData function set uint x store

  • python中将字符变为大写_python如何把小写字母变成大写字母

    python为我们提供了 upper 方法 该方法可以将字符串中的小写字母转为大写字母 语法 str upper 返回值 返回小写字母转为大写字母的字符串 代码示例 usr bin python str this is string exa

  • zxing 二维码扫描优化

    先罗列优化点 1 优化扫描精度 增加解析成功率 hints put DecodeHintType TRY HARDER Boolean TRUE 2 生成图片 用于被解析 时不剪切图片 增加二维码图片的完整性 优化前 new PlanarY

  • js上拉加载更多

    感谢原作者

  • Unity3D相关知识点笔记汇总

    这篇文章将作为一些平时的小知识点笔记来记录 如果有错误望指出来 也欢迎大家在评论底下分享你们的笔记 1 检测点击或者触摸到UI public static bool CheckClickUI bool isClickUI false if

  • 医疗信息管理系统数据库--MySQL

    医疗信息管理系统数据库 MySQL 友情连接 1 学生成绩管理系统数据库设计 MySQL 2 邮件管理数据库设计 MySQL 3 点餐系统数据库设计 SQL Server 4 商品管理系统数据库设计 SQL Server 5 SQL Ser

  • 在WebView中对第三方H5页面的文本密码框添加自定义随机键盘

    前言 首先介绍一下这个需求的背景 由于公司是涉及到金融行业的需要与银行对接资金存管 出于保密性这里不直接列出公司名字和银行名字 从2018年国家对金融行业大整改以来 为了能够顺利通过备案 我们也跟着政府的脚步一步一步走向合规 好了 大致就是

  • 堡垒机-jumpserver环境搭建

    一 Jumpserver简单介绍 Jumpserver 是全球首款完全开源的堡垒机 使用 GNU GPL v2 0 开源协议 是符合 4A 的专业运维审计系统 Jumpserver 使用 Python Django 进行开发 遵循 Web

  • c语言链式栈课程设计,C语言实现链式栈(LinkStack)

    使用单链表来实现 push pop均在链表头部进行 linkStack h ifndef LINK STACK H define LINK STACK H include include include include typedef vo

  • 加密数字货币的开发技术介绍

    要问当前所有区块链应用中最火的是什么应用 非加密货币莫属 看看各个跟区块链相关的讨论组 整天热火朝天地讨论的是各种币的行情 即使是技术讨论组 除了一些热门讨论外 最吸引注意的莫过于本币的涨跌还有各种代币的ICO了 首先 加密数字货币是什么鬼

  • position absolute相关知识点

    前言 最近再看position相关知识点 发现有许多以前没有注意到的细节知识点 有不小的收获 本文就position absolute使用详细分析下 具体分析 position是CSS中比较重要的一个属性 常用于页面布局 它的值有4个 st

  • oracle数据库与postgre数据库之间的互相迁移

    oracle与postgre之间互相迁移之前要明白 postgreSQL中默认使用小写 oracleSQL中默认大写 迁移分成3个步骤 数据及结构迁移 迁移之后的类型及长度变化 不兼容的函数替换 1 数据及结构迁移 1 1数据大小写同步 o

  • JS 判断对象中是否包含某属性

    一 通过点或者方括号 我们在使用对象的时候 通过点或方括号可以获取对象的属性值 如果该对象自身不存在这个属性 就会返回undefined var obj name 小破船 doWhat 借箭 console log obj name 小破船

  • css linear-gradient 设置背景颜色渐变

    CSS3 渐变能够让背景颜色在两个或多个颜色之间平滑过渡 基本语法 background linear gradient direction color stop1 color stop2 direction 是指渐变的方向 color s

热门标签