How to Create Font Awesome Icons using CSS

How to Create Font Awesome Icons using CSS

In this article, we will explain How to Create Font Awesome Icons using CSS. Example:- <html> <head> <title>Font Awesome Icons using CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <i class="fa fa-apple"></i> <i class="fa fa-wifi"></i> <i class="fa fa-car"></i> <i class="fa fa-traffic"></i> <i class="fa fa-bluetooth"></i> <i class="fa fa-cloud" style="font-size:34px;"></i> <i class="fa fa-user" style="font-size:46px;"></i> <i […]
Read Full Article
How to Create Comment in HTML and CSS

How to Create Comment in HTML and CSS

Sometimes we need to don’t show some part in output but we do not want to delete in source code so we use to comment. In this article, you will learn How to Create Comment in HTML and CSS. Comment in HTML In HTML comment is use with the <!– –> Example:- <html> <head> <title>Comment in HTML</title> </head> […]
Read Full Article
How to Create Rounded Corners using CSS

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; width: 200px; height: 150px; } .corners2 { border-radius: 15px 50px 15px 50px; background: #73AD21; padding: 20px; […]
Read Full Article
How to Create Tooltip using CSS

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; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 100%; left: 50%; […]
Read Full Article
How to Create Image Border using CSS

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: url(border.png) 30 round; } </style> </head> <body> <h1>border-image </h1> <p>Here, the middle sections of the image are repeated to create the […]
Read Full Article
How to create object fit property using css

How to create an object-fit property using CSS

In this article, you will learn How to create an object-fit property using CSS. Example:- <html> <head> <title>Object fit property</title> <style> .fill{ object-fit: fill; } .contain{ object-fit: contain; } .cover{ object-fit: cover; } .scale-down{ object-fit: scale-down; } .none{ object-fit: none; } h1,h2{ text-align:center; } </style> </head> <body> <h1>object-fit Property</h1> <h2>No object-fit:</h2> <img src="image.jpg" alt="image" style="width:200px;height:400px"> […]
Read Full Article
How-to-Make-ID-Card-Using-PHP-and-Mysql

How to Make ID Card Using PHP Mysql and HTML

In this article, you will learn How to Make an ID Card Using PHP Mysql and HTML. This project is a web-based system. In this Project having some files How to Make an ID Card Using PHP Mysql and HTML Files:- index.php view.php id.php print.php upload.php index.php <?php mysql_connect('localhost','root',''); mysql_select_db('id_card'); ?> <html> <head> <link rel="stylesheet" […]
Read Full Article
How to Create HTML5 Form Validations

How to Create HTML5 Form Validations

In this article, you will learn How to Create HTML5 Form Validations.HTML5 Form validation is client-side validation . With the help of the HTML5, we can validate the form with the pattern. Types of Different Pattern Matching in HTML5 Letter only Number only Email Password Mobile no URL Letters Only <form> <input type="text" pattern="[A-Za-z]+" title="only letters" required /> <input type="submit"> </form> […]
Read Full Article