Lesson: 01 | Custom CSS

Notes
Video

Notes

myInfo.html

<template>
    <div class="my-div">
        <p class="my-name-label">Name: <span class="my-name">John Carter</span></p>
        <p class="my-title-label">Title: <span class="my-title-style">System Administrator</span></p>
    </div>
    
</template>

myInfo.css

.my-div{

    background-color: azure;
    border: 1px solid gray;
    border-radius: 5px;
    padding:10px;

}
.my-name-label {

   color:rgb(232, 70, 16);
   font-size: larger; 
}

.my-title-label {

    color:rgb(5, 67, 84);
    font-size:medium;
 }

 .my-name  {
     font-style: italic;

 }
 .my-title{
     font-style: italic;
     font-weight: bold;


 }

Preview:

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

Mastered by 29 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)