Hi dear welcome to Ascode Blog . In this post we are going to learn to CSS border tutorial with advance mode. First Creat A index.html file Copy This HTML CODE and pest it one your code editor. 2ndly creat style.css file Then Copy The CSS CODE and pest it then deminimize the css code and open the index.html file with your browser.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css border radius</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">Ascode</div>
</body>
</html>
CSS
.container {
font-family: sans-serif;
color: #fff;
width: fit-content;
background: #111;
padding: 20px 30px;
/* border-radius: 5px; */
/* border-radius: 10px 50px 10px 50px; */
/* border-radius: 10px 50%; */
font-weight: bold;
text-transform: uppercase;
}
0 Comments