Mefth Loader Gif
Last Updated: 21-Nov-2021


CSS HSL & HSLA Colors


HTML SOURCE CODE


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>CSS course</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

	<!-- ናይ ሎሚ ትምህርትና ብዛዕባ ሕብርታት'ዩ-->
<p class="paragraph-st">እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።
እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።</p>

<p class="paragraph-nd">እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።
እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።</p>

</body>
</html>

CSS SOURCE CODE


/* እዚኣ body ኢያ። */
body{
	color: white;
    background-color: cyan;
}
/* HSL & HSLA */
.paragraph-st{
	background-color: hsl(160, 80%, 50%);
}
.paragraph-nd{
  background-color: hsla(160, 80%, 50%, 0.5);
}

The Result of the above Code is:

CSS HSL & HSLA Colors

In Tigrinya Language (ብትግርኛ)



URL Copied
Share this              

Report for Comment or Reply




Mefth Loader gif

Login to Write... comment.

You must Login to write Comment.

We've Recommended Articles for you