W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

W3.CSS 颜色



颜色类

W3.CSS可以在任何HTML元素上使用颜色类。

颜色类的灵感来自营销,路标和粘滞便笺中使用的颜色。

w3-red


w3-pink


w3-purple


w3-deep-purple


w3-indigo


w3-blue


w3-light-blue


w3-cyan


w3-aqua


w3-teal


w3-green


w3-light-green


w3-lime


w3-sand


w3-khaki


w3-yellow


w3-amber


w3-orange


w3-deep-orange


w3-blue-grey


w3-brown


w3-light-grey


w3-grey


w3-dark-grey


w3-black


w3-pale-red


w3-pale-yellow


w3-pale-green


w3-pale-blue


彩色按钮


彩色文本

Red Purple Blue Green Orange


彩色边框

Red Green Blue Black Orange


悬停颜色

w3-hover-colorw3-hover-text-color 类允许使用上述所有颜色作为悬停背景和文字颜色:

Red Purple Blue Green Orange


彩色容器

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.


London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.


彩色表格

Name Points
Jill Smith 50
Eve Jackson 94
Adam Johnson 67
Bo Nilson 35

彩色卡片

A car is a wheeled, self-powered motor vehicle used for transportation. Most definitions of the term specify that cars are designed to run primarily on roads, to have seating for one to eight people, to typically have for one to eight people, to typically have four wheels. (Wikipedia)


文本颜色类

On Black

w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-grey

w3-text-brown

w3-text-light-grey

w3-text-grey

w3-text-dark-grey

w3-text-black

w3-text-white

On Grey

w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-grey

w3-text-brown

w3-text-light-grey

w3-text-grey

w3-text-dark-grey

w3-text-black

w3-text-white

On White

w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-grey

w3-text-brown

w3-text-light-grey

w3-text-grey

w3-text-dark-grey

w3-text-black

w3-text-white