css making a class code example

Example 1: css class

.myclass {
  border:1px solid black;
  background-color: #d2d2d2;
  height:20px;
  width:60px;
}
/*If you give this class to a div in html, it will get the styles you gave
to that class. You can add multiple classes to a div, and multiple divs
can get that class. */
/* I hope I helped! */

Example 2: how to make a class in html

<ul class="legend">
    <li><span class="greendot"></span>Text</li><br></br>
    <li><span class="yellowdot"></span>Text</li><br></br>
    <li><span class="reddot"></span>Text</li><br></br>
    <li><span class="blackdot"></span>Text</li><br></br>
</ul>

Example 3: how to create a css class

<style>
.myclass { /* CLASS CREATED */
  background-color: transparent;
  height:50px;
  width:50px;
}
</style>
<body>
<div class="myclass"></div>
<body>

Tags:

Misc Example

Related