css example in html

Example 1: CSS IN HTML

<!-- Styles can be inserted in html using <style></style> element -->
<style>
	body {
    	background-color: cyan/*Color*/; 
  	}
</style>

<!--CSS can also be linked using link tag in html 
-the link tag is a self-closing tag-->

<link rel="stylesheet" type="text/css" href="filename.css"/>

Example 2: css in html

<!-- EXAMPLE -->
<div class="your_class" style="display:none">

<!--[SYNTAX: style="<CSS-code>"] -->

Example 3: CSS IN HTML

<!-- There are 3 ways to do this-->

<!-- #1: Inline CSS-->
<h1 style="color: red;">Red Heading</h1>

<!-- #2 Element CSS-->
<style>
  h1 {
    color: red;
  }
</style>
<h1>Red Heading</h1>

<!-- #3 Stylesheet CSS-->
<link rel="stylesheet" href="[stylesheet link]">

Example 4: how to css html

<html>
<head>
<style>
body{
	direction:rtl;
}
  </style>
  </head>
  <body>
  </body>
</html>

Example 5: css example

body {
  background-color: #282c34;
  color: white;
  padding: 40px;
  font-family: Arial;
  text-align: center;
}

Tags:

Html Example

Recent Posts