HTML Playground :: Part-3



Today we are going to learn about a new feature of HTML script language. This is on Something extra colorful works. Yes friends this is CSS (cascading Style Sheet).

This is a general format for working with colors and formats on HTML. When A CSS file has been created then we can use it in different webpages. Just copy and paste the code you made.

CSS was introduced together with HTML 4, to provide a better way to style HTML elements.

CSS can be added to HTML in the following ways:

  1. Inline – using the style attribute in HTML elements
  2. Internal – using the <style> element in the <head> section
  3. External – using an external CSS file

<!DOCTYPE html>

<div style=”opacity:0.5;position:absolute;left:50px;width:700px;height:150px;background-color:Green”></div>

<div style=”font-family:Ravie;padding:30px;border-radius:10px;border:10px solid #00FF00;”>

<div style=”opacity:0.3;position:absolute;left:20px;width:300px;height:200px;background-color:RED”></div>

<h3>Hello! Everybody…. </h3>

<div style=”letter-spacing:12px;”>This is Ravie font_style</div>

<div style=”color:Blue;position:center”>Get colored
<span style=”background-color:#00FF66;color:#FF0000 ;”>Printed_Box</span>

<div style=”color:#000000;”>What is your plan now????</div>



By the way I have my own blog now. I am going to start it with some tricks and hacks of programming and technology. If you wish to visit there please click here. Or visit


About Author


I am a free learner like to fly in the whole cyber world to gather knowledge. And I know I have only a little to share but I will try my best to give you what I have. :) Thank you :)

Leave A Reply