HTML Style Basics

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title> HTML Style Basics</title>


</head>

<body>


<!-- Border Related-->


<h1 style="border:2px solid Tomato;">This is a heading</h1>


<!-- Background Related-->

<h1 style="background-color:powderblue;">This is a heading</h1>


<!-- Text Related-->

<h1 style="color:blue;">This is a heading</h1>

<h1 style="font-family:verdana;">This is a heading</h1>

<h1 style="font-size:300%;">This is a heading</h1>

<h1 style="text-align:center;">This is a heading</h1>


<!-- Combined Style -->

<h1 style="border:2px solid Tomato;

background-color:powderblue;

color:blue;

font-family:verdana;

font-size:300%;

text-align:center;">This is a heading</h1>



</body>

</html>