CSDN博客炫丽图标调整字体大小和颜色

简介: CSDN博客炫丽图标调整字体大小和颜色

1.ICON图标

🧐🧐|🧐🧐⚽⚽|⚽⚽

🏀🏀|🏀🏀⚾⚾|⚾⚾

🎾🎾|🎾🎾🎲🎲|🎲🎲

🏓🏓|🏓🏓🎯🎯|🎯🎯

🏆🏆|🏆🏆🏐🏐|🏐🏐🏉🏉|🏉🏉

🥇🥇|🥇🥇🥈🥈|🥈🥈🥉🥉|🥉🥉

🌟 :star2: ⭐️ :star: 💫 :dizzy: 💥 :boom:|

💗:heartpulse: 🙏 :pray: ☀️ :sunny: 🌹 :rose:|

🌙 :crescent_moon: 🌕 :full_moon:🌝 :full_moon_with_face:|

💝 :gift_heart: 🎁:gift: 🎇 :sparkler: 🎉 :tada:

📅 :date: 🎀:ribbon: 🍓:strawberry:🍉:watermelon:|

1️⃣ :one: 2️⃣ :two: 3️⃣:three:4️⃣ :four:|

🔱 :trident: 💯 :100::sparkles:|

👈:point_left: 👉 :point_right:|

👆:point_up_2: ✌️ :v:|

🎊 :confetti_ball: 🔮 :crystal_ball:|

🎈 :balloon: 🎆 :fireworks:|

🔑 :key: 💰 :moneybag:|

💎 :gem: 🀄️ :mahjong:|

🍗 :poultry_leg: 🍰 :cake:|

🔆 :high_brightness: 🚀 :rocket:|


😄 😄 😆 😆

😊 😊 😃 😃

💭 💭 😏 😏

😍 😍 😘 😘

😚 😚 😳 😳

😌 😌 😆 😆

😁 😁 😉 😉

😜 😜 😝 😝

😀 😀 😗 😗

😙 😙 😛 😛

😴 😴 😟 😟

😦 😦 😧 😧

😮 😮 😬 😬

😕 😕 😯 😯

😑 😑 😒 😒

😅 😅 😓 😓

😥 😥 😩 😩

😔 😔 😞 😞

😖 😖 😨 😨

😰 😰 😣 😣

😢 😢 😭 😭

😂 😂 😲 😲

😱 😱 😫 😫

😠 😠 😡 😡

😤 😤 😪 😪

😋 😋 😷 😷

😎 😎 😵 😵

👿 👿 😈 😈

😐 😐 😶 😶

😇 😇 👽 👽

💛 💛 💙 💙

💜 💜 ❤️ ❤️

💚 💚 💔 💔

💓 💓 💗 💗

💕 💕 💞 💞

💘 💘 💖 💖

✨ ✨ ⭐️ ⭐️

🌟 🌟 💫 💫

💥 💥 💥 💥

💢 💢 ❗️ ❗️

❓ ❓ ❕ ❕

❔ ❔ 💤 💤

💨 💨 💦 💦

🎶 🎶 🎵 🎵

🔥 🔥 💩 💩

💩 💩 💩 💩

👍 👍 👍 👍

👎 👎 👎 👎

👌 👌 👊 👊

👊 👊 ✊ ✊

✌️ ✌️ 👋 👋

✋ ✋ ✋ ✋

👐 👐 ☝️ ☝️

👇 👇 👈 👈

👉 👉 🙌 🙌

🙏 🙏 👆 👆

👏 👏 💪 💪

🤘 🤘 🖕 🖕

🏃 🏃 🏃 🏃

👫 👫 👪 👪

👬 👬 👭 👭

💃 💃 👯 👯

🙆 🙆 🙅 🙅

💁 💁 🙋 🙋

👰 👰 🙎 🙎

🙍 🙍 🙇 🙇

💑 💑 💆 💆

💇 💇 💅 💅

👦 👦 👧 👧

👩 👩 👨 👨

👶 👶 👵 👵

👴 👴 👱 👱

👲 👲 👳 👳

👷 👷 👮 👮

👼 👼 👸 👸

😺 😺 😸 😸

😻 😻 😽 😽

😼 😼 🙀 🙀

😿 😿 😹 😹

😾 😾 👹 👹

👺 👺 🙈 🙈

🙉 🙉 🙊 🙊

💂 💂 💀 💀

🐾 🐾 👄 👄

💋 💋 💧 💧

👂 👂 👀 👀

👃 👃 👅 👅

💌 💌 👤 👤

👥 👥 💬 💬

☀️ ☀️ ☔️ ☔️

☁️ ☁️ ❄️ ❄️

⛄️ ⛄️ ⚡️ ⚡️

🌀 🌀 🌁 🌁

🌊 🌊 🐱 🐱

🐶 🐶 🐭 🐭

🐹 🐹 🐰 🐰

🐺 🐺 🐸 🐸

🐯 🐯 🐨 🐨

🐻 🐻 🐷 🐷

🎍 🎍 💝 💝

🎎 🎎 🎒 🎒

🎓 🎓 🎏 🎏

🎆 🎆 🎇 🎇

🎐 🎐 🎑 🎑

🎃 🎃 👻 👻

🎅 🎅 🎄 🎄

🎁 🎁 🔔 🔔

🔕 🔕 🎋 🎋

🎉 🎉 🎊 🎊

🎈 🎈 🔮 🔮

💿 💿 📀 📀

🏠 🏠 🏡 🏡

🏫 🏫 🏢 🏢

🏣 🏣 🏥 🏥

🏦 🏦 🏪 🏪

🏩 🏩 🏨 🏨

💒 💒 ⛪️ ⛪️

🏬 🏬 🏤 🏤

🌇 🌇 🌆 🌆

🏯 🏯 🏰 🏰

⛺️ ⛺️ 🏭 🏭

🗼 🗼 🗾 🗾

🗻 🗻 🌄 🌄

🌅 🌅 🌠 🌠

🗽 🗽 🌉 🌉

🎠 🎠 🌈 🌈

🎡 🎡 ⛲️ ⛲️

🎢 🎢 🚢 🚢

1️⃣ 1️⃣ 2️⃣ 2️⃣

3️⃣ 3️⃣ 4️⃣ 4️⃣

5️⃣ 5️⃣ 6️⃣ 6️⃣

7️⃣ 7️⃣ 8️⃣ 8️⃣

9️⃣ 9️⃣ 🔟 🔟

🔢 🔢 0️⃣ 0️⃣

#️⃣ #️⃣ 🔣 🔣

◀️ ◀️ ⬇️ ⬇️

▶️ ▶️ ⬅️ ⬅️

🔠 🔠 🔡 🔡

🔤 🔤 ↙️ ↙️

↘️ ↘️ ➡️ ➡️

⬆️ ⬆️ ↖️ ↖️

↗️ ↗️ ⏬ ⏬

⏫ ⏫ 🔽 🔽

⤵️ ⤵️ ⤴️ ⤴️

↩️ ↩️ ↪️ ↪️

↔️ ↔️ ↕️ ↕️

🔼 🔼 🔃 🔃

🔄 🔄 ⏪ ⏪

⏩ ⏩ ℹ️ ℹ️

🆗 🆗 🔀 🔀

🔁 🔁 🔂 🔂

🆕 🆕 🔝 🔝

🆙 🆙 🆒 🆒

🆓 🆓 🆖 🆖

🎦 🎦 🈁 🈁


代码 说明 显示效果
>:( 生气 😠
:") 脸红 😊
</3 心碎 💔
:/ 困惑 😕
:,( 😢
:( 皱眉 😦
<3 ❤️
]:( 小鬼 👿
o:) 无辜 😇
:,) 哭笑 😂
x-) 大笑 😆
:\ 面无表情 😐
:o 安静 😮
:@ 愤怒 😡
:) 微笑 😃
]:) 微笑 😈
;( 呜咽 😭
:P 吐舌鬼脸 😛
8-) 太阳镜 😎
,:( 流汗 😓
,:) 流汗 😅
:s 不爽 😒
;) 飞媚眼 😉

代码 显示效果 代码 显示效果
:smile: 😄 :laughing: 😆
:blush: 😊 :smiley: 😃
:thought_balloon: 💭 :smirk: 😏
:heart_eyes: 😍 :kissing_heart: 😘
:kissing_closed_eyes: 😚 :flushed: 😳
:relieved: 😌 :satisfied: 😆
:grin: 😁 :wink: 😉
:stuck_out_tongue_winking_eye: 😜 :stuck_out_tongue_closed_eyes: 😝
:grinning: 😀 :kissing: 😗
:kissing_smiling_eyes: 😙 :stuck_out_tongue: 😛
:sleeping: 😴 :worried: 😟
:frowning: 😦 :anguished: 😧
:open_mouth: 😮 :grimacing: 😬
:confused: 😕 :hushed: 😯
:expressionless: 😑 :unamused: 😒
:sweat_smile: 😅 :sweat: 😓
:disappointed_relieved: 😥 :weary: 😩
:pensive: 😔 :disappointed: 😞
:confounded: 😖 :fearful: 😨
:cold_sweat: 😰 :persevere: 😣
:cry: 😢 :sob: 😭
:joy: 😂 :astonished: 😲
:scream: 😱 :tired_face: 😫
:angry: 😠 :rage: 😡
:triumph: 😤 :sleepy: 😪
:yum: 😋 :mask: 😷
:sunglasses: 😎 :dizzy_face: 😵
:imp: 👿 :smiling_imp: 😈
:neutral_face: 😐 :no_mouth: 😶
:innocent: 😇 :alien: 👽
:yellow_heart: 💛 :blue_heart: 💙
:purple_heart: 💜 :heart: ❤️
:green_heart: 💚 :broken_heart: 💔
:heartbeat: 💓 :heartpulse: 💗
:two_hearts: 💕 :revolving_hearts: 💞
:cupid: 💘 :sparkling_heart: 💖
:sparkles: :star: ⭐️
:star2: 🌟 :dizzy: 💫
:boom: 💥 :collision: 💥
:anger: 💢 :exclamation: ❗️
:question: :grey_exclamation:
:grey_question: :zzz: 💤
:dash: 💨 :sweat_drops: 💦
:notes: 🎶 :musical_note: 🎵
:fire: 🔥 :hankey: 💩
:poop: 💩 :shit: 💩
:+1: 👍 :thumbsup: 👍
:-1: 👎 👎 👎
:ok_hand: 👌 :punch: 👊
:facepunch: 👊 :fist:
:v: ✌️ :wave: 👋
:hand: :raised_hand:
:open_hands: 👐 :point_up: ☝️
:point_down: 👇 :point_left: 👈
:point_right: 👉 :raised_hands: 🙌
:pray: 🙏 :point_up_2: 👆
:clap: 👏 :muscle: 💪
:metal: 🤘 :fu: 🖕
:runner: 🏃 :running: 🏃
:couple: 👫 :family: 👪
:two_men_holding_hands: 👬 :two_women_holding_hands: 👭
:dancer: 💃 :dancers: 👯
:ok_woman: 🙆 :no_good: 🙅
:information_desk_person: 💁 :raising_hand: 🙋
:bride_with_veil: 👰 :person_with_pouting_face: 🙎
:person_frowning: 🙍 :bow: 🙇
:couple_with_heart: 💑 :massage: 💆
:haircut: 💇 :nail_care: 💅
:boy: 👦 :girl: 👧
:woman: 👩 :man: 👨
:baby: 👶 :older_woman: 👵
:older_man: 👴 :person_with_blond_hair: 👱
:man_with_gua_pi_mao: 👲 :man_with_turban: 👳
:construction_worker: 👷 :cop: 👮
:angel: 👼 :princess: 👸
:smiley_cat: 😺 :smile_cat: 😸
:heart_eyes_cat: 😻 :kissing_cat: 😽
:smirk_cat: 😼 :scream_cat: 🙀
:crying_cat_face: 😿 :joy_cat: 😹
:pouting_cat: 😾 :japanese_ogre: 👹
:japanese_goblin: 👺 :see_no_evil: 🙈
:hear_no_evil: 🙉 :speak_no_evil: 🙊
:guardsman: 💂 :skull: 💀
:feet: 🐾 :lips: 👄
:kiss: 💋 :droplet: 💧
:ear: 👂 :eyes: 👀
:nose: 👃 :tongue: 👅
:love_letter: 💌 :bust_in_silhouette: 👤
:busts_in_silhouette: 👥 :speech_balloon: 💬
:sunny: ☀️ :umbrella: ☔️
:cloud: ☁️ :snowflake: ❄️
:snowman: ⛄️ :zap: ⚡️
:cyclone: 🌀 :foggy: 🌁
:ocean: 🌊 :cat: 🐱
:dog: 🐶 :mouse: 🐭
:hamster: 🐹 :rabbit: 🐰
:wolf: 🐺 :frog: 🐸
:tiger: 🐯 :koala: 🐨
:bear: 🐻 :pig: 🐷
:bamboo: 🎍 :gift_heart: 💝
:dolls: 🎎 :school_satchel: 🎒
:mortar_board: 🎓 :flags: 🎏
:fireworks: 🎆 :sparkler: 🎇
:wind_chime: 🎐 :rice_scene: 🎑
:jack_o_lantern: 🎃 :ghost: 👻
:santa: 🎅 :christmas_tree: 🎄
:gift: 🎁 :bell: 🔔
:no_bell: 🔕 :tanabata_tree: 🎋
:tada: 🎉 :confetti_ball: 🎊
:balloon: 🎈 :crystal_ball: 🔮
:cd: 💿 :dvd: 📀
:house: 🏠 :house_with_garden: 🏡
:school: 🏫 :office: 🏢
:post_office: 🏣 :hospital: 🏥
:bank: 🏦 :convenience_store: 🏪
:love_hotel: 🏩 :hotel: 🏨
:wedding: 💒 :church: ⛪️
:department_store: 🏬 :european_post_office: 🏤
:city_sunrise: 🌇 :city_sunset: 🌆
:japanese_castle: 🏯 :european_castle: 🏰
:tent: ⛺️ :factory: 🏭
:tokyo_tower: 🗼 :japan: 🗾
:mount_fuji: 🗻 :sunrise_over_mountains: 🌄
:sunrise: 🌅 :stars: 🌠
:statue_of_liberty: 🗽 :bridge_at_night: 🌉
:carousel_horse: 🎠 :rainbow: 🌈
:ferris_wheel: 🎡 :fountain: ⛲️
:roller_coaster: 🎢 :ship: 🚢
:one: 1️⃣ :two: 2️⃣
:three: 3️⃣` :four: 4️⃣
:five: 5️⃣ :six: 6️⃣
:seven: 7️⃣ :eight: 8️⃣
:nine: 9️⃣ :keycap_ten: 🔟
:1234: 🔢 :zero: 0️⃣
:hash: #️⃣ :symbols: 🔣
`◀️`` ◀️ :arrow_down: ⬇️
:arrow_forward: ▶️ :arrow_left: ⬅️
:capital_abcd: 🔠 :abcd: 🔡
:abc: 🔤 :arrow_lower_left: ↙️
:arrow_lower_right: ↘️ :arrow_right: ➡️
:arrow_up: ⬆️ :arrow_upper_left: ↖️
:arrow_upper_right: ↗️ :arrow_double_down:
:arrow_double_up: :arrow_down_small: 🔽
:arrow_heading_down: ⤵️ :arrow_heading_up: ⤴️
:leftwards_arrow_with_hook: ↩️ :arrow_right_hook: ↪️
:left_right_arrow: ↔️ :arrow_up_down: ↕️
:arrow_up_small: 🔼 :arrows_clockwise: 🔃
:arrows_counterclockwise: 🔄 :rewind:
:fast_forward: :information_source: ℹ️
:ok: 🆗 :twisted_rightwards_arrows: 🔀
:repeat: 🔁 :repeat_one: 🔂
:new: 🆕 :top: 🔝
:up: 🆙 :cool: 🆒
:free: 🆓 :ng: 🆖
:cinema: 🎦 :koko: 🈁

官网地址

2.0 超链接图片与字体

//超链接
<font face="微软雅黑" color=#00FF00 size=4>百度链接: [www.baidu.com](http://www.baidu.com).</font>

百度链接: www.baidu.com.

//楷体
<font face="楷体" color=#00FF00 size=4>&nbsp;&nbsp;倾听内心的声音</font>

 倾听内心的声音

//动图
<img src="https://ucc.alicdn.com/images/user-upload-01/img_convert/7b0d6ba5dcce6ce6b2e732fdffde6496.gif" alt="">

<font face="黑体" color=#000000 size=3>**在这里放入需要修改颜色的语句**</font>
<font face="楷体" color=#FF0000 size=4>**在这里放入需要修改颜色的语句**</font>
<font face="隶书" color=#0000CD size=6>**在这里放入需要修改颜色的语句**</font>
<font face="verdana" color=#00FF00 size=6>This is some text!</font>
<font face="Colonna MT" color=#00FF00 size=6>This is some text!</font>

在这里放入需要修改颜色的语句

在这里放入需要修改颜色的语句

在这里放入需要修改颜色的语句

This is some text!

This is some text!

1.<font face="微软雅黑">微软雅黑</font>
2.<font face="华文琥珀">华文琥珀</font>
3.<font face="华文隶书">华文隶书</font>
4.<font face="华文行楷">华文行楷</font>
5.<font face="华文新魏">华文新魏</font>
6.<font face="Cambria">Cambria</font>
7.<font face="Corbel">Corbel</font>
8.<font face="Calibri">Calibri</font>

1.微软雅黑

2.华文琥珀

3.华文隶书

4.华文行楷

5.华文新魏

6.Cambria

7.Corbel

8.Calibri

<font face="楷体" size=1>字号1</font>
<font face="楷体" size=2>字号2</font>
<font face="楷体" size=3>字号3</font>
<font face="楷体" size=4>字号4</font>
<font face="楷体" size=5>字号5</font>

字号1

字号2

字号3

字号4

字号5

1 <table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值:#7FFFD4</td></tr></table>
2 <table><tr><td bgcolor=#FF83FA>背景色的设置是按照十六进制颜色值:#FF83FA</td></tr></table>
3 <table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值:#D1EEEE</td></tr></table>
4 <table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值:#C0FF3E</td></tr></table>
5 <table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值:#54FF9F</td></tr></table>
背景色的设置是按照十六进制颜色值:#7FFFD4
背景色的设置是按照十六进制颜色值:#FF83FA
背景色的设置是按照十六进制颜色值:#D1EEEE
背景色的设置是按照十六进制颜色值:#C0FF3E
背景色的设置是按照十六进制颜色值:#54FF9F
&nbsp;&nbsp;&nbsp;&nbsp能缩进四分之一个汉字大小
&ensp;&ensp;能缩进二分之一个汉字大小。
&emsp;&emsp;能缩进一个汉字大小。

   能缩进四分之一个汉字大小

  能缩进二分之一个汉字大小。

  能缩进一个汉字大小。

未缩进行比对

  能缩进二分之一个汉字大小。

未缩进行比对

能缩进一个汉字大小。

未缩进行比对

方式一: <center>内容</center>
方式二: <div align=center> 内容 </div>

方式一:

内容

方式二:

内容

居中图片
![测试图片](https://ucc.alicdn.com/images/user-upload-01/20210419174516559.jpg#pic_center)

//居中且带尺寸的图片
![测试图片](https://ucc.alicdn.com/images/user-upload-01/20210419174516559.jpg#pic_center =100x100)

以上内容均为网上收集而来;

来源地址123


相关文章
|
Windows
关于 Qt设置置顶窗口,透明部分显示黑色底色(已设置透明窗口) 的解决方法
关于 Qt设置置顶窗口,透明部分显示黑色底色(已设置透明窗口) 的解决方法
关于 Qt设置置顶窗口,透明部分显示黑色底色(已设置透明窗口) 的解决方法
|
4月前
|
JavaScript
ELEMENT-PLUES如何设计二级高亮样式,文字如何呈现高亮效果,如果字体出现不对齐的情况,侧边栏icon如何调位置,目录如何折叠,如何延迟动画播放,如何添加阴影,如何添加logo,在行内样式写宽
ELEMENT-PLUES如何设计二级高亮样式,文字如何呈现高亮效果,如果字体出现不对齐的情况,侧边栏icon如何调位置,目录如何折叠,如何延迟动画播放,如何添加阴影,如何添加logo,在行内样式写宽
|
4月前
|
JavaScript
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
|
前端开发
前端——背景图片显示以及悬浮状态下变色的情况
前端——背景图片显示以及悬浮状态下变色的情况
|
存储 JSON 前端开发
【红隼书签】自定义光影、自定义背景、亮度和主题功能
【红隼书签】是一款简洁的在线书签导航网站。
105 1
|
编解码 前端开发
前端设置页面字体尺寸跟随屏幕大小而进行变化
前端设置页面字体尺寸跟随屏幕大小而进行变化
635 0
前端设置页面字体尺寸跟随屏幕大小而进行变化
|
前端开发 JavaScript Serverless
移动端弹出阴影遮罩的几点问题和解决方法
在做移动端的立即购买页面时,点击底部固定栏立即购买按钮需要弹出一个阴影遮罩,在遮罩顶部有一个固定在底部的页面,所以总共是3层页面:最底层浏览页->阴影遮罩页->最上层的立即购买选择规格数量页;效果如下图:
226 0
移动端弹出阴影遮罩的几点问题和解决方法
|
iOS开发
iOS开发-调整文字之间间距
iOS开发-调整文字之间间距
291 0
Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。
Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。
638 0
Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。
|
前端开发
如何用纯 CSS 创作小球变矩形背景的按钮悬停效果
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/yxbEzJ 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。
1130 0