首页 > 其他分享 >边框家变色

边框家变色

时间:2023-03-03 17:55:05浏览次数:37  
标签:right linear gradient 51 边框 rgba 变色 border

.home_dqjx_table_khlx{
padding:0 8px;
height: 20px;
border: 1px solid transparent;
border-radius: 2px;
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
font-family: Microsoft YaHei UI;
font-weight: bold;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
&.sjrw{
background-image: linear-gradient(to right, rgba(0,51,51,1),rgba(0,51,51,1)), linear-gradient(to right, rgba(243,136,59,1),rgba(243,136,59,0));
color: rgba(243,136,59,1);
}
&.zxgz{
background-image: linear-gradient(to right, rgba(0,39,51,1),rgba(0,39,51,1)), linear-gradient(to right, rgba(1,206,255,1),rgba(1,206,255,0));
color: rgba(1,206,255,1);
}
}

 

标签:right,linear,gradient,51,边框,rgba,变色,border
From: https://www.cnblogs.com/l-y-z/p/17176531.html

相关文章

  • CSS 边框属性
    CSS边框属性CSS边框属性允许你指定一个元素边框的样式和颜色。在四边都有边框红色底部边框圆角边框左侧边框带宽度,颜色为蓝色边框样式边框样式属性指......
  • 边框宽度
    边框宽度您可以通过border-width属性为边框指定宽度。为边框指定宽度有两种方法:可以指定长度值,比如2px或0.1em(单位为px,pt,cm,em等),或者使用3个关键字之一,......
  • 直播平台源代码,CSS 修改滚动条样式、信封边框样式
    直播平台源代码,CSS修改滚动条样式、信封边框样式CSS全局修改滚动条样式  ::-webkit-scrollbar{ /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条......
  • 填充折线图的内容区域为渐变色
    option={xAxis:{type:'category',show:false,//设置show为false时,x轴不展示,默认为truedata:['Mon','Tue','Wed','Thu','Fri','Sat','Sun'],......
  • css背景与边框
    背景侵入边框问题background-clip:padding-box;background-clip的属性有content-box、padding-box、border-box,text,默认为border-box,所以背景会侵入边框,改为paddi......
  • SharePoint Online 列表视图的隔行变色
    前言最近碰到一个需求,用户觉得默认的列表视图太单调了,想要做一个隔行变色,没问题!安排!!正文1.进入到我们需要处理的列表,选择AllItems,点击Formatcurrent......
  • vue添加一个可拉伸边框的线条
      <divid="middle"ref="middle"@mousedown="dragMousedown"></div>#middle{ width:5px; height:100%; background-color:#d6d6d6; margin......
  • echarts渐变色可点击半圆图
      如上所示,用饼图改一个半圆图,同时半圆每个item设置不同的颜色。  首先需要搞出来一个echarts的容器,如下图所示,这玩意和echarts的官网搞个Div效果是一样的,只不过封装......
  • 趣学前端 | 容器上的折角边框是图形吗?
    背景我身边一些非互联网技术从业的朋友,偶尔看我转发到朋友圈的文章,会表示出一定的兴趣。前段时间,有朋友问我公众号的问题,所以我来了灵感,准备写一个趣学前端系列,适用于零基础......
  • Qt无边框窗口实现拖动和改变大小(nativeEvent利用系统消息处理)
    相关资料:https://blog.csdn.net/qq_22642239/article/details/120565343.pro1QT+=coregui23greaterThan(QT_MAJOR_VERSION,4):QT+=widgets4......