This is how the final application will look like https://abhishek-singh77.github.io/CSSPractice/
You can check this repository and clone it if you directly want to access it https://github.com/abhishek-singh77/CSSPractice
Create a new folder with two files index.html and style.css
In index.html file:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>CSS</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="heart">❤</div>
<div class="text">
<p>T</p>
<p>H</p>
<p>A</p>
<p>N</p>
<p>K</p>
<p> </p>
<p>Y</p>
<p>0</p>
<p>U</p>
</div>
</body>
</html>
Now comes the styling, in style.css copy paste the below code as it's very hard to clear the code.
Click here to see style.css code
And finally run it, and use inspect element to run the different color approaches.
0 Comments