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 use Display property using CSS

In this article, you will learn How to use Display property using CSS. The Display property specifies how the element will be displayed.

Display: none;

The <script> element uses display:none; as default.

Example:-

<html>
<head>
<title>Display none Property</title>
<style>

…

How to Create Tooltip using CSS

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

Example:-

<html>
<head>
<title>Tooltip using CSS</title>
<style>
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;

…

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:

…