Mefth Loader Gif
Last Updated: 21-Nov-2021


CSS Border Radius


HTML SOURCE CODE


<!DOCTYPE html>
<html lang="Ti-ER">
<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>

	<!-- ናይ ሎሚ ትምህርትና ብዛዕባ Border Radius ኢዩ።-->

 <p class="para">This is paragraph</p>
 <p class="para-2">This is paragraph</p>
 <div id="circle"></div>
 
</body>
</html>

CSS Border Radius



p.para{
 color: green;
 width: 200px;
border-left: 2px solid red;
background-color: silver;
border-radius: 15px;
}
p.para-2{
width: 200px;
border: 2px solid green;
background-color: silver;
border-radius: 35px;
}
div#circle{
width: 60px;
background-color: gold;
border: 2px solid black;
height: 60px;
border-radius: 50%;
}

The Result of the above Code is:

CSS Border Radius

In Tigrinya Language (ብትግርኛ)



URL Copied
Share this              

Report for Comment or Reply




Mefth Loader gif

Be the first to ... Write comment.

You must Login to write Comment.

We've Recommended Articles for you