how to use class to define css 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: Put a class in css

<html>
	<head>
		<style>
			/* Make sure to use a full stop to instead only focus on the classname that is in your html page */
			.class {
  				background-color: #eeeeee;
			}
		</style>
	<head>
    <body>
		<div class="class">
          	<p>hi</p>
        </div>
    </body>
</html>

Tags:

Css Example

Related