背景色

CSS3 渐变背景色各种方向 兼容IE9+

痴心易碎 提交于 2020-01-14 14:30:16
背景色,除了纯色以外,还能够使用多种颜色组合成为渐变背景色,使页面丰富。 渐变背景分为两种: 1、线性渐变; 2、环形渐变; 线性渐变 线性渐变分为:横向、纵向、对角渐变三种渐变 语法 : <linear-gradient> = linear-gradient([ [ <angle>| to <aside-or-corner> ] ,]? <color-stop>[, <color-stop>]+) <side-or-corner> = [left | right] || [top | bottom] <color-stop> = <color> [ <length> | <percentage> ]? <angle>:用角度值指定渐变的方向。 to left:设置渐变为从右到左; to right:设置渐变为从左到右; to top:设置渐变为从下到上; to bottom:设置渐变为从上到下; <color-stop> :设置指定渐变的起止颜色 <color>:指定颜色 <length>:用长度值指定起止色位置。不允许负值 <percentage>:用百分比指定起止色位置。 background:linear-gradient(参数1,参数2,参数3,参数4....参数N) 参数1:可填可不填,填写的话写方向 如:to right,就是渐变方向由左到右,不填写默认从上到下渐变。

图像处理框架PIL(二)——利用PIL制作验证码

*爱你&永不变心* 提交于 2020-01-12 03:51:07
from PIL import Image , ImageDraw , ImageFont import numpy as np ''' 第一、验证码文字生成 1. 第一验证码中的字母的生成:无法直接生成字母,但是字母和数字之间可以通过ASCII值可以进行转换 规则是:数字65~90为26个大写英文字母,数字97~122号为26个小写英文字母。所以只要生成65——122 之间的数字,就可以得到相应的字母。 2. chr(数字:可以是10进制也可以是16进制的形式的数字),将数字转换为对应的 ASCII 字符。 >>>print chr(0x30), chr(0x31), chr(0x61) # 十六进制 0 1 a >>> print chr(48), chr(49), chr(97) # 十进制 0 1 a 3. ord("字符") >>> ord('A') 65 第二、验证码背景色和前景色生成 1. 前景色:60-120 2. 背景色生成:90-200, 为了让前景和背景色接近,使得验证码模糊,要让前景和背景色要有交融 ''' class ValidateCode ( object ) : # 设置字体,在系统里面找到fonts文件夹,找字体。 font = ImageFont . truetype ( font = r "C:\Windows\Fonts\Inkfree

证件照换背景色

六月ゝ 毕业季﹏ 提交于 2020-01-11 22:56:44
1,打开图片 2,新建一个图层 3,将新建的图层填充颜色 3.1,设置背景色 如果是蓝色背景,颜色值可设置为:R:67 G:142 B:219 如果用红色背景,颜色值可设置为:R:255 G:0 B:0 4,选择图层,ctr+j复制图层 5,将图片放在顶层。并将母图片隐藏 6,选中橡皮工具向右拖动,选择背景橡皮擦工具 7,设置橡皮属性 8,涂抹 emmmm。。现场翻车。此方法不适合背景色和衣服几乎一样的情况。但是头发那里还是效果挺好的。 来源: CSDN 作者: $scope.靠谱青年 链接: https://blog.csdn.net/qq_36236621/article/details/103939358

vue 3.0 scss 更换主题

送分小仙女□ 提交于 2020-01-06 19:09:14
这是一个比较笨的方法,有几个主题写几套样式,优点使用起来比较简单 ,缺点不高级维护起来比较麻烦 基于scss 1.首先先在你的文件夹下新建文件夹如下: theme.scss //.el-header,.el-footer 的背景色 $background - main - color1 : # 3 b69d6 ; //背景色 $background - main - color2 : # 209 F5C ; //背景色 $background - main - color3 : # 283444 ; //背景色 $background - main - color4 : #c73c27 ; //背景色 style.scss //可以写颜色由于多个页面避免重复的样式编写 @ import "./theme.scss" ; //引入声明的皮肤文件 //初次进入调用 @mixin background - main - color ( $color ) { //@mixin 后面的函数名称为自定义。 background - color : $color ; //背景色默认为参数 [ background - main - color = "background-main-color2" ] & { //如果条件成立,背景色则用$background-main-color2

elementUI修改单元格、行背景色,

余生颓废 提交于 2019-12-24 10:24:08
修改单元格背景色 cell-style ,修改行背景色 row-style < template > < el-table :data = " tableData " :cell- style =" TableCellStyle " :row- style =" TableRowStyle " border style =" width : 100% " > < el-table-column prop = " date " label = " 日期 " width = " 180 " > </ el-table-column > < el-table-column prop = " name " label = " 姓名 " width = " 180 " > </ el-table-column > < el-table-column prop = " address " label = " 地址 " > </ el-table-column > </ el-table > </ template > < script > export default { data ( ) { return { tableData : [ { date : '2016-05-02' , name : '王小虎' , address : '上海市普陀区金沙江路 1518 弄' } , {

qwidget 透明窗体

孤街浪徒 提交于 2019-12-23 12:57:53
1、设置窗体的背景色 在构造函数里添加代码,需要添加头文件qpalette或qgui QPalette pal = palette(); pal.setColor(QPalette::Background, QColor(0x00,0xff,0x00,0x00)); setPalette(pal); 通过设置窗体的背景色来实现,将背景色设置为全透。 效果: 窗口整体透明,但窗口控件不透明,QLabel控件只是字显示,控件背景色透明; 窗体客户区完全透明。 2、使用函数setAttribute(Qt::WA_TranslucentBackground, true); 同样在构造函数中,效果和第一种方法相同。 3、窗口及其上面的控件都半透明: setWindowOpacity(0.7) 这个函数可以分10个等级调整透明度,配合QSlider控件可以做成控制条 效果:窗口及控件都半透明。 4.窗口整体不透明,局部透明: 在Paint事件中使用Clear模式绘图。 void TestWindow::paintEvent( QPaintEvent* ) { QPainter p(this); p.setCompositionMode( QPainter::CompositionMode_Clear ); p.fillRect( 10, 10, 300, 300, Qt:

turtle库中setup、screensize、setworldcoordinates 的详细解释

半腔热情 提交于 2019-12-21 05:40:12
setup 和 screensize 使用详解 setup 方法用来设置 窗口 的 大小 和 位置。 screensize 方法用来设置 画布 的 大小 和 背景色。 这两个方法的参数说明网上很多,官网也有,这里就不多做解释。 这里只说明 这两个方法中都共有一个参数 大小 设置…… 1、画布比窗口小的情况。 import turtle as tu tu . setup ( 400 , 400 ) # 创建 400*400像素大小的窗口。 tu . screensize ( 300 , 300 , bg = 'lightblue' ) # # 创建 300*300像素大小的画布,背景色为淡蓝色。 tu . mainloop ( ) 运行结果为: 上面代码中,画布的大小是比窗口要小的,但是画布的背景色还是全部填充满了整个窗口。 说明当画布尺寸比窗口小时,系统会自动把画布放大填充满整个窗口。但当用鼠标拖动窗口的大小,缩小到比画布的尺寸还要小时,窗口就出现滚动条,可以拖动滚动条,以显示画布。 其实这个就相当于下面的第二种情况: 2、设置参数时,画布尺寸大于窗口。 import turtle as tu tu . setup ( 400 , 400 ) # 设置窗口尺寸。 tu . screensize ( 500 , 500 , bg = 'lightblue' ) # 设置画布尺寸。

为小程序设置页面背景色

ε祈祈猫儿з 提交于 2019-12-21 00:02:03
我们知道在json文件中可以通过 backgroundColor 为页面设置背景色,但是这个属性是用来设置页面下拉时的背景颜色的。 { "backgroundColor": "#f4f4f4" } 想要设置页面背景颜色需要在wxss样式文件中,用page这个标签选择器进行设置 page{ background-color: #f4f4f4; } 来源: CSDN 作者: 叶子_o 链接: https://blog.csdn.net/xiamoziqian/article/details/103634146

PS_为新建图层添加背景色

微笑、不失礼 提交于 2019-12-18 01:54:50
方法1: 将 <设置背景色> 调整为想要的背景颜色 选中相应的图层 Ctrl+Backspace 方法2: 将 <设置前景色> 调整为想要的背景颜色 选中相应的图层 选中<油漆桶工具>,点击图片 来源: CSDN 作者: letusiji 链接: https://blog.csdn.net/weixin_41458037/article/details/103587567

绘制思维导图,哪个软件用着方便

牧云@^-^@ 提交于 2019-12-17 18:50:16
绘制思维导图绝不是一腔热血而去绘制,这是一个长期的过程经常绘制思维导图的朋友就会发现不管是思维能力还是逻辑能力都得到了很大的提升。还能给工作带来很大的便利,那怎样绘制 思维导图 呢?绘制思维导图使用什么软件方便呢?下面一起来看看吧。 绘制工具—迅捷画图 这是一款在线编辑思维导图的网站,可以根据自己喜好对思维导图框架进行搭建使用,也可以套用思维导图模板进行绘制使用,操作简单使用便利,还可以实现多人共同绘制,下面是操作方法。 绘制方法: 1.在浏览器中搜索该网站名称,进入到在线网站中选择首页面中的立即体验进入新建文件页面中。 2.在新建文件页面点击新建文件操作,在展示的格式中选择思维导图,之后点击新建空白模板。 3.会转到在线编辑思维导图页面中,围绕页面中的中心主题对思维导图框架进行搭建使用即可,双击添加的节点可以对思维导图内容进行填充。 4.在编辑面板上方选择字体以及字号操作可以对所添加的内容样式及大小进行设置使用,全选中所有文本即可设置成功。 5.紧随文本字号后面的操作是背景色,可以对思维导图节点的背景色进行添加使用,选中需要添加背景色的节点之后选中喜欢的颜色点击即可添加成功。 6.在面板上方还有布局栏目是对思维导图的样式进行设置使用的,里面是几种常见的思维导图的样式点击即可替换使用。 7.对于绘制好的思维导图我们要先将其保存,之后导出使用