天天看点

echo 显示带颜色内容的输出方法

    在Linux shell或者平时echo输出时有时为了区分某些字符串的重要性,往往对其输出内容添加颜色 以醒目区分输出字符串:

语法格式:

    echo -e "\033[字背景颜色;文字颜色m 醒目字符串 \033[0m"

eg:

    [root@1inux scripts]# echo -e "I \033[43;31mLOVE\033[0m CHINA"

<a href="http://s3.51cto.com/wyfs02/M01/6B/97/wKiom1UxvdbQ7NeRAACNU4osOiE557.jpg" target="_blank">    </a>

    其中 43 代表底色,31代表要输出的字符串颜色

<code>注意:</code>

<code>    </code><code>1、定义颜色开始部分的语法结尾处有个“m”字符串:eg:\033[43;31m</code>

<code>        </code> 

<code>    </code><code>2、结尾处也要有</code><code>"m"</code><code>与其对应,如\033[0m</code>

底色与字符串颜色也可以单独使用,只需要输入单独的对应数值就OK:

eg:1、单独使用红色字体颜色

[root@1inux scripts]# echo -e "I \033[31mLOVE\033[0m CHINA"

<a href="http://s3.51cto.com/wyfs02/M01/6B/97/wKiom1UxvoWjysKrAABaB9qJAok106.jpg" target="_blank">    </a>

eg:2、单独使用红色背景颜色

[root@1inux scripts]#  echo -e "I \033[41mLOVE\033[0m CHINA"

<a href="http://s3.51cto.com/wyfs02/M01/6B/93/wKioL1UxyR7Bd-5UAABXm55nctU948.jpg" target="_blank">    </a>

使用详解:

  字体颜色取值范围:30--37

<code>  </code><code>各个数字对应的数字颜色如下:</code>

<code> </code><code>  30m 黑色字 </code>

<code>  31m 红色字 </code>

<code>  32m 绿色字 </code>

<code>  33m ***字 </code>

<code>  34m 蓝色字 </code>

<code>  35m 紫色字 </code>

<code>  36m 天蓝字 </code>

<code>  37m 白色字</code>

    写一个shell演示各个数值对应的字体颜色

    shell内容

<code>#!/bin/bash</code>

<code># 字体颜色测试</code>

<code>echo</code> <code>-e </code><code>"\033[30m 黑色字 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[31m 红色字 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[32m 绿色字 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[33m ***字 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[34m 蓝色字 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[35m 紫色字 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[36m 天篮字 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[37m 白色字 \033[0m"</code>

<a href="http://s3.51cto.com/wyfs02/M01/6B/97/wKiom1UxxJrwDGZTAABPv7OLvUA181.jpg" target="_blank">    </a>

注:由于背景是黑色的所以“黑色字” 未能演示出效果,接下来我们换成白色背景:

<a href="http://s3.51cto.com/wyfs02/M00/6B/93/wKioL1UxxlTA6e8qAABygAd0L68044.jpg" target="_blank">    </a>

  背景颜色取值范围:40--47

<code>各个数值对应的背景颜色如下</code>

<code>    </code><code>40m 黑底 </code>

<code>    </code><code>41m 红底 </code>

<code>    </code><code>42m 绿底 </code>

<code>    </code><code>43m 黄底 </code>

<code>    </code><code>44m 蓝底 </code>

<code>    </code><code>45m 紫底 </code>

<code>    </code><code>46m 天蓝底 </code>

<code>    </code><code>47m 白底黑</code>

eg:写一个shell 演示其各个值对应的颜色

<code># 字体背景颜色测试</code>

<code>echo</code> <code>-e </code><code>"\033[40m 黑底色 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[41m 红底色 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[42m 绿底色 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[43m 黄底色 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[44m 蓝底色 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[45m 紫底色 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[46m 天篮底色 \033[0m"</code>

<code>echo</code> <code>-e </code><code>"\033[47m 白底色 \033[0m"</code>

这个同样我们使用两种背景颜色截图显示效果

<a href="http://s3.51cto.com/wyfs02/M00/6B/97/wKiom1UxxtKQS92GAAB1idOKWIU583.jpg" target="_blank">    </a>

<a href="http://s3.51cto.com/wyfs02/M02/6B/97/wKiom1Uxxo-xaFgFAABvnfviVIA944.jpg" target="_blank">    </a>

echo 输出控制

<code>\33[0m 关闭所有属性  </code><code>//常用</code>

<code>\33[1m 设置高亮度 </code>

<code>\33[4m 下划线 </code>

<code>\33[5m 闪烁 </code>

<code>\33[7m 反显 </code>

<code>\33[8m 消隐 </code>

<code>\33[30m -- \33[37m 设置前景色 </code>

<code>\33[40m -- \33[47m 设置背景色 </code>

<code>\33[nA 光标上移n行 </code>

<code>\33[nB 光标下移n行 </code>

<code>\33[nC 光标右移n行 </code>

<code>\33[nD 光标左移n行 </code>

<code>\33[y;xH设置光标位置 </code>

<code>\33[2J 清屏 </code>

<code>\33[K 清除从光标到行尾的内容 </code>

<code>\33[s 保存光标位置 </code>

<code>\33[u 恢复光标位置 </code>

<code>\33[?25l 隐藏光标 </code>

<code>\33[?25h 显示光标</code>

OK   至此  echo 有关颜色使用演示完成

<a href="http://s3.51cto.com/wyfs02/M02/6B/97/wKiom1Uxxo-xaFgFAABvnfviVIA944.jpg" target="_blank"></a>

本文转自 1inux 51CTO博客,原文链接:http://blog.51cto.com/1inux/1634799