echo 添加颜色

本文介绍如何在Shell脚本中使用echo命令改变文本的颜色及样式,包括前景色、背景色和特殊效果等,并通过多个实例展示具体应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

echo要变换颜色的时候,要使用参数-e
格式: echo -e "\033[字背景颜色;字体颜色m字符串\033[0m"
例如:
echo -e "\033[41;36m something here \033[0m"

其中41的位置代表底色, 36的位置是代表字的颜色


注:
1、字背景颜色和文字颜色之间是英文的“""”
2、文字颜色后面有个m
3、字符串前后可以没有空格,如果有的话,输出也是同样有空格


那些ascii code 是对颜色调用的始末.
\033[ ; m …… \033[0m
让字体变为红色并且不停的闪烁
#echo -e "\033[31m \33[05m 请确认是否要停止当前的squid进程,输入 [Y/N] \033[0m"
或者

#echo -e "\033[31m \033[05m 请确认是否要停止当前的squid进程,输入 [Y/N] \033[0m"


下面看几个例子:

echo -e "\033[30m 黑色字 \033[0m"
echo -e "\033[31m 红色字 \033[0m"
echo -e "\033[32m 绿色字 \033[0m"
echo -e "\033[33m 黄色字 \033[0m"
echo -e "\033[34m 蓝色字 \033[0m"
echo -e "\033[35m 紫色字 \033[0m"
echo -e "\033[36m 天蓝字 \033[0m"
echo -e "\033[37m 白色字 \033[0m"

echo -e "\033[40;37m 黑底白字 \033[0m"
echo -e "\033[41;37m 红底白字 \033[0m"
echo -e "\033[42;37m 绿底白字 \033[0m"
echo -e "\033[43;37m 黄底白字 \033[0m"
echo -e "\033[44;37m 蓝底白字 \033[0m"
echo -e "\033[45;37m 紫底白字 \033[0m"
echo -e "\033[46;37m 天蓝底白字 \033[0m"
echo -e "\033[47;30m 白底黑字 \033[0m"


字背景颜色范围:40----49

40:黑
41:深红
42:绿
43:黄色
44:蓝色
45:紫色
46:深绿
47:白色
字颜色:30-----------39
30:黑
31:红
32:绿
33:黄
34:蓝色
35:紫色
36:深绿
37:白色

\33[0m 关闭所有属性
\33[1m 设置高亮度
\33[4m 下划线
\33[5m 闪烁
\33[7m 反显
\33[8m 消隐
\33[30m -- \33[37m 设置前景色
\33[40m -- \33[47m 设置背景色
\33[nA 光标上移n行
\33[nB 光标下移n行
\33[nC 光标右移n行
\33[nD 光标左移n行
\33[y;xH设置光标位置
\33[2J 清屏
\33[K 清除从光标到行尾的内容
\33[s 保存光标位置
\33[u 恢复光标位置
\33[?25l 隐藏光标
\33[?25h 显示光标
### 在PHP中为页面或元素设置背景颜色的示例 在PHP中,可以通过动态生成HTML和CSS代码来设置页面或元素的背景颜色。以下是具体实现方法: #### 1. 设置整个页面的背景颜色 通过PHP输出HTML的`<body>`标签,并使用`style`属性定义背景颜色。 ```php <?php $backgroundColor = "lightblue"; // 定义背景颜色 ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>背景颜色示例</title> </head> <body style="background-color: <?php echo $backgroundColor; ?>;"> <h1>这是一个带有背景颜色的页面</h1> </body> </html> ``` 上述代码中,`$backgroundColor`变量被用来动态设置页面的背景颜色[^2]。 #### 2. 设置特定元素的背景颜色 可以使用PHP生成HTML中的特定元素,并为其添加内联样式或类名以设置背景颜色。 ```php <?php $elementBackgroundColor = "lightgreen"; // 定义元素背景颜色 ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>元素背景颜色示例</title> </head> <body> <div style="background-color: <?php echo $elementBackgroundColor; ?>; padding: 20px;"> <p>这是一个带有背景颜色的元素</p> </div> </body> </html> ``` 在此示例中,`$elementBackgroundColor`变量用于动态设置`<div>`元素的背景颜色[^3]。 #### 3. 使用外部CSS文件设置背景颜色 如果希望将样式与逻辑分离,可以将背景颜色定义在外部CSS文件中,并通过PHP动态加载不同的样式。 **CSS文件 (styles.css)** ```css .lightblue-bg { background-color: lightblue; } .lightgreen-bg { background-color: lightgreen; } ``` **PHP文件** ```php <?php $className = "lightblue-bg"; // 动态设置类名 ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <title>外部CSS背景颜色示例</title> </head> <body class="<?php echo $className; ?>"> <h1>这是一个使用外部CSS设置背景颜色的页面</h1> </body> </html> ``` 在这个例子中,`$className`变量决定了页面应用的CSS类[^4]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值