美文网首页
@mixin方式切换边框颜色

@mixin方式切换边框颜色

作者: 小豌豆书吧 | 来源:发表于2017-10-12 16:42 被阅读0次

效果图:

效果图.jpg
/*小三角颜色变化 .scss*/
$list: #1AA818 #D50806 #FF7301;
$len: length($list);
//调用:
@for $i from 1 through $len{
  .promotion-word .triangle#{$i}{
    border-top-color: nth($list,$i);
  }
}

相关文章

  • @mixin方式切换边框颜色

    效果图:

  • SwiftUI 设置边框、透明度、阴影

    前言 1、设置边框 1.1 设置边框颜色 默认为1的边框 解释 1.2 设置边框颜色、宽度 设置边框颜色、宽度 2...

  • 盒子模型(网页内容设计、美化)

    边框:边框的颜色:border-color1.border-top-color:red;:上边框颜色2.borde...

  • iOS13 DarkMode适配(Swift)

    封装颜色管理类 使用方式:(深色模式切换时,系统会重新渲染颜色,自动在设置好的两种颜色中进行切换)

  • 边框

    边框 1.格式 border:边框的宽度,边框的样式,边框的颜色 颜色属性可以省略,样式不能省略,宽度可以省略 b...

  • Vue 换肤

    可替换的内容 一些图标(需使用background而非img) 一些颜色(包括文字/背景/边框颜色) 配置方式 在...

  • CSS盒子模型

    边框:环绕在标签周围的边条 设置边框一:-连写格式:同时设置4条边框{border:边框宽度 边框样式 边框颜色;...

  • UISwitch详解

    tintColor: 开关处于关闭状态时边框的颜色(注意这边是边框的颜色) onTintColor: 开关处于开启...

  • 边框border

    边框的组成:边框的粗细,边框的样式,边框的颜色 border: 1px solid red 边框的粗细:单位为px...

  • 一个像素的边框

    在一个像素边框的创建时,要先设置边框颜色再设置边框宽度 如果先设置宽度再设置颜色,则会显示一个点的边框。 titl...

网友评论

      本文标题:@mixin方式切换边框颜色

      本文链接:https://www.haomeiwen.com/subject/kfdoyxtx.html