How to Create Amazing Transparent Login Form Just By Using HTML & CSS

 

Introduction

HTML stands for HyperText Markup Dialect. This is often the foremost imperative markup dialect that can be utilized to make a webpage. It is utilized to show content, picture, sound, and video in a webpage. CSS stands for Cascading Fashion Sheets. It is utilized to fashion HTML reports. CSS can make responsive web pages and is utilized for styling and its collection of designing rules. It is utilized for planning purposes. The CSS expansion is (.CSS).

There are three types of CSS:

• Inline CSS
• Internal CSS
• External CSS

Can you see my youtube channel and create a Amazing Transparent Login Form Just By Using HTML & CSS

Step 1

Create a new folder and give a name to the folder. In the folder save an HTML and CSS file. After creating the folders, open the only editor in you computer.

Step 2

Click File, Select New File, and Click Save. Give the file the name “index.html” style.css

and open a font awesome file in you computer.

Step 3

Now, link the HTML and CSS and font awesome to the HTML file you just copied and paste this code in the heading tag:

Step 4

Next, create a structure for the login page using HTML, Username and Password.

Step 5

 

Next, write code in CSS to apply some style to the HTML so you can change the look of the login page

Step 6

Before using CSS code, the output looked like this:

After using the CSS code, the output looks like this:

We have successfully created a Login page. I hope this article is useful to you. If you have any comments in this article, please ask in the comment section.and see you my youtube video