Lesson: 08 | Colors

Notes
Video

Notes

HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values.

You can set the background color for HTML elements:

<p style="background-color:Tomato;">Tomato</p>
<p style="background-color:Orange;">Orange</p>
<p style="background-color:DodgerBlue;">DodgerBlue</p>
<p style="background-color:MediumSeaGreen;">MediumSeaGreen</p>
<p style="background-color:Gray;">Gray</p>
<p style="background-color:SlateBlue;">SlateBlue</p>
<p style="background-color:Violet;">Violet</p>
<p style="background-color:LightGray;">LightGray</p>

Tomato

Orange

DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray

You can set the color of text:

<p style="color:Tomato;">Tomato</p>
<p style="color:Orange;">Orange</p>
<p style="color:DodgerBlue;">DodgerBlue</p>
<p style="color:MediumSeaGreen;">MediumSeaGreen</p>
<p style="color:Gray;">Gray</p>
<p style="color:SlateBlue;">SlateBlue</p>
<p style="color:Violet;">Violet</p>
<p style="color:LightGray;">LightGray</p>

Tomato

Orange

DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Hello World

Lorem ipsum...

You can set the color of borders:

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h2 style="border:2px solid DodgerBlue;">Hello World</h2>
<h3 style="border:2px solid Violet;">Hello World</h3>

Hello World

Prev You need to login to have access to the quizzes. Next

Mastered by 59 users.

Lightning Web Components

A. Component Reference (27 lessons)

B. Lightning Web Components | Utilities (11 lessons)

C. Lightning Web Component Guide (41 lessons)

D. Java Script Methods for LWC (23 lessons)

E. HTML (18 lessons)

F. JavaScript (19 lessons)

Go to top

Login to your account

Lesson: 08 | Colors

Notes

You can set the background color for HTML elements:

You can set the color of text:

Hello World

You can set the color of borders:

Hello World

Hello World

Hello World

Lightning Web Components