rounded corners Archives - Hub of Tutorials

How to Create Rounded Corners using CSS

In this article, you will learn How to Create Rounded Corners using CSS. You can also make a circle shape with this property.

Example:

<html>
<head>
<title>Rounded corners</title>
<style> 
.corners1 {
  border-radius: 50px / 15px;
  background: #73AD21;
  padding: 20px;

…

How to Create Border using CSS

In this article, you will learn How to Create Border using CSS.

Example:-

index.php

<html>
<head>
<title>How to Create Border using CSS</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<h2>Types of border</h2>
<p class="dotted">dotted border.</p>
<p class="dashed">dashed border.</p>
<p class="solid">solid

…

How to Create Image Border using CSS

In this article, we will explain How to Create Image Border using CSS.because sometimes we need a border with an image.

Example:-

<html>
<head>
<title>Image Border using CSS</title>
<style> 
#borderimg { 
  border: 10px solid transparent;
  padding: 15px;
  border-image:

…