天天看點

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