JavaScript 控制台输出彩色字

单个样式

在console中使用%c占位符可以使输出文字拥有样式

实例

console.log("这是文字%c这是红色文字","color: #ff0000");

输出结果：

多个样式

在console中使用多个%c占位符可以使输出文字不同的样式

实例

console.log("正常%c红色%c蓝色+阴影%c大亿点的绿色","color:#ff0000","color:#0000ff;text-shadow:2px 2px #000000;","font-size:50px;color:#00ff00");

输出结果:

正常文字样式

使用%c占位符后，不设置文字颜色即可让浏览器自动判断

实例

console.log("正常%c正常文字%c红色%c正常颜色","","color:#ff0000","font-size:25px");

输出结果：

JavaScript 控制台输出彩色字相关推荐

通过js在控制台输出彩色字体和placeholder的样式设置(记录)
通过js在控制台输出彩色字体代码: var e = "%c";var n = "color:red;text-shadow:5px 5px 2px #fff, 5px ...
让shell终端和goland控制台输出彩色的文字
让shell终端和goland控制台输出彩色的文字版权声明:本文为 Elonjelinek 原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https ...
python 输出彩色字体代码,python实现控制台输出彩色字体
python控制台输出彩色字体,供大家参考,具体内容如下 import ctypes, sys STD_INPUT_HANDLE = -10 STD_OUTPUT_HANDLE = -11 STD_E ...
javascript控制台输出
javascript控制台输出,按F12,点击console <script type="text/javascript> console.log("my name i ...
IDEA控制台输出彩色字体和彩色背景
今天休息的时候突发奇想在平时写代码的时候报错的话,控制台会输出红色字体.然后我就在想控制台能不能输出其他颜色的字体❓.在好奇心的驱使下经过搜索发现IDEA控制台是可以输出彩色字体的✨,甚至背景颜色都可 ...
JavaScript控制台输出警告提示,报错提示和三种弹窗方式
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>& ...
VS-c++控制台打印彩色字
如题,简略代码如下 #include <iostream> #include <Windows.h> //VS 自带的头文件 using namespace std; /*打印 ...
C/C++ 控制台输出彩色文本（改变局部字体的颜色）
我写了一个输出彩色文本的函数: void COLOR_PRINT(const char* s, int color) {HANDLE handle = GetStdHandle(STD_OUTPUT_ ...
控制台也能炫-chrome浏览器控制台输出彩色文字
前些时间做一个前后端通信的系统,在调试的过程中每次刷新页面都有很多输出,乱的很,所以自己又加了几个颜色的输出,console.js内容如下: var sq = {log: function (s, c ...

JavaScript 控制台输出彩色字

单个样式

多个样式

正常文字样式

JavaScript 控制台输出彩色字相关推荐

最新文章

热门文章