首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

3、输出内容颜色

一、相关知识 内容不同的颜色, 可以结合echo -e的参数,内容的颜色用数字表示,范围为30-37,每个数字代表一种颜色。...30-37代表8种不同的字体颜色,40-47代表对于的背景颜色[man console_codes] 1) 字体颜色代码 echo -e "\E[30m 黑色字 oldboy \033[0m" echo...033[0m" echo -e "\E[36m 蓝绿字 oldboy \033[0m" echo -e "\E[37m 白色字 oldboy \033[0m" 所以在脚本中,最好先通过定义变量的方式定义颜色前后缀...,然后在对于的地方调用颜色前缀和后缀就行了 2) 背景颜色代码 字的背景颜色对应的数字范围为40-47,代码如下。...二、案例: 开发一个指定内容质地更颜色的脚本 使用case语句,通过脚本传入指定内容和指定颜色,根据指定颜色输出指定内容 cat /server/scripts/color.sh #!

1.1K20

小白也能轻松为网页各种部件

当初创立小轻网及小轻论坛网页就是为了帮助大家学习一些技术经验,同时也学会如何去找资源。今天,我们原有网页一些部件,达到装饰和增加功能的作用。...代码中“width”和“height”很清楚了,表示的就是需要悬浮的样式大小,“border”就是悬浮边框线的粗细,由于我设置的边框颜色,所以在这里可以不加,如果大家想使用框线,可在这个之后代码“solid...#(十六进制颜色代码)”。...<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.<em>js</em>...再<em>给</em>大家讲讲<em>如何</em>加入QQ客服悬浮框。 代码已经准备好,只需要大家去利用。

1.4K20

前端基础-CSS-2

上篇我们介绍了css的的由来和编写语法,并展示了一个基本的例子,这篇继续向大家展示一些例子来说明如何使用css来美化我们的页面展示,css包含非常多的样式设置,在这里我会把最基础和常用的样式设置展示大家...,另外我们常见的就是表单,那如何表单设置样式,以及如何一个超链接设置样式,这就是今天我们要讲的内容, 首先还是跟之前一样,我们先给出我们基本的html代码和截图: css例子1 这是一个特别的网站...2、h1字体一个边框,设置h2字体颜色 3、设置div中p段落背景颜色 4、设置表单边框,指定宽度和长度 5、设置超链接颜色和一些文字装饰 基本就这些吧,我们直接上代码: /*背景色*/ body...{ background-color: #a8e6ff; } /*h1的边框*/ h1{ border: 1px solid black; } /*h2颜色*/ h2{ color: purple; }.../*段落背景色,注意是div下的p标签*/ div p{ background: #fffca5; } /*表单边框*/ #textblock{ border: 5px solid gray; width

89660

Echarts5.3.2可视化案例-布局篇

两根轴: 水平主轴 main axis 主轴与边框的左右交叉点 main start/main end 垂直交叉轴 cross axis 交叉轴与边框的上下交叉点 cross start/cross...item)默认沿主轴排列,单项目占据的主轴空间/交叉轴空间 main size/cross size flex容器属性 flex-direction 决定主轴方向=项目排列方向 flex-wrap 定义如何换行...02 大屏设计 00 项目目录 01-使用技术 完成该项目需要具备以下知识: div + css 布局 flex 布局 Less 原生js + jquery 使用 rem适配 echarts基础 02...但是别忘记重启vscode软件保证生效 flexible配置 1.引入flexible 2.修改flexible配置 为24...利用 after 和 before制作2个小角, 边框 2px solid #02a6b5 宽度为 30px 高度为 10px 小竖线 第一个小li after 就可以 1px宽 背景颜色为 rgba

73220

Bootstrap源码分析之dropdown

原理: 1、利用dropdown类作为定位点,然后让子级的列表dropdown-menu绝对定位实现,还需要一个单击点作为设置data-toggle=”dropdown”才能做关联。...2、 需要js插件的支持 源码分析: 1、caret:实现向下的三角形,利用边框实现的     1.1、边框颜色默认是字体颜色     1.2、三角形的实现:边框要有宽度,然后相邻两边需有宽度,但颜色透明...3、Js插件写的Plugin函数,和类的构造函数是用于js方式调用插件; 4、而data-*模式调用插件,用到是向document注入事件实现的,代码如下: $(document) .on('click.bs.dropdown.data-api...5、如果用Js插件调用,基础方法都要自己调用才行,在创建实例时只会绑定toggle事件。...li> 产吕 实用工具 <div

2.9K70
领券