首页
学习
活动
专区
工具
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

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

前端基础-CSS-2

,上篇我们了解了div这个块元素的使用,因为div内部可以写其它标签,但如果我们像上篇一样设置,整个块里的元素都会生效,那如果我只想设置div中某个标签呢,或者我们想通过div的id或class来设置样式...,另外我们常见的就是表单,那如何表单设置样式,以及如何一个超链接设置样式,这就是今天我们要讲的内容, 首先还是跟之前一样,我们先给出我们基本的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

90360

前端html换肤

/div> 最后要用到JS,在这里写以 “ id ” 命名的话,等下可以少写一些代码。...这个红色的大盒子就是#box,我给它添加了一个默认颜色,如果不加就是透明。 我每个盒子都添加了边框,容易区分块儿与块儿 ?...第一个跟第四个是有区别的,区别在于第一个颜色是透明,而第二个颜色是红色—跟底色相同。...; border:设置盒子边框 (1px是边框的粗细程度,#333是16进制颜色,solid是边框样式,solid代表实线); float:是浮动 (盒子底下充满了水,盒子漂浮起来了;left就是向左边漂浮...这句话的意思就是让box的背景颜色变为红色(red); style:风格,样式; backgroundColor:是背景颜色; (在JS中,“ - ” 一般不能正常使用,所以被替换成了下一个单词的首字母大写

1.6K10

前端-如何只用 CSS 完成漂亮的加载

为什么要做加载 只想说, 本文最重要的是对 CSS, 伪元素, keyframe的分享, 以及读者对这些东西的真正掌握, 我并不是怂恿大家在每一个页面的前面都去一个酷炫的加载 我是如何做的 不同的页面...--  for CSS, JS, and font files  -->            /*       ..., 不同颜色的方块都是它的子元素         <div...and div.white */ } logo 的效果图如下 边框动画 接下来, 我们将进入棘手(有趣)的部分 CSS 不允许我们直接对 div.logo 的边框进行设置达到我们想要的效果, 所以我们必须去除原有的边框...我们让 div.logo :: before 绝对位于 div.logo 的左上角,代表方块的上边框和右边框 , 让 div.logo::after 绝对定位 div.logo 的右下角, 代表方块的下边框和左边框

89020
领券