8/18/2019 How to Add Styles to HTML Pages

1/6

  http://www.guru99.com/

How to Add Styles to

HTML Pages

1

http://www.guru99.com/https://play.google.com/store/apps/details?id=com.vector.guru99&hl=enhttp://www.guru99.com/http://www.guru99.com/

8/18/2019 How to Add Styles to HTML Pages

2/6

  http://www.guru99.com/

How to include Stylesheet file in HTML page?

To include style.css file, you have to put the below code in between the sections of

every HTML page, just as follows:

 

For Example, here is the HTML code for Balance Enquiry Form

Cust omer

Bal ance Enqui r y

Fund Tr ansf er

Changepasswor d

Mi ni Stat ement

Log out

Gur u99 Bank  Guru99 Bank Bal ance Enqui r y Page

2

http://www.guru99.com/https://play.google.com/store/apps/details?id=com.vector.guru99&hl=enhttp://www.guru99.com/http://www.guru99.com/

8/18/2019 How to Add Styles to HTML Pages

3/6

  http://www.guru99.com/

Bal ance Enqui r y For m

Account No

Sel ect Account

Home

Include this line in every HTML file & enjoy the styling of your project!

After adding this line to include style.css each of your file your front end for the Bank Project will

look like as shown below!

3

http://www.guru99.com/https://play.google.com/store/apps/details?id=com.vector.guru99&hl=enhttp://www.guru99.com/http://www.guru99.com/

8/18/2019 How to Add Styles to HTML Pages

4/6

  http://www.guru99.com/

Customerhomepage.php

Screenshot  

BalEnqInput.php 

Screenshot  

4

http://www.guru99.com/https://play.google.com/store/apps/details?id=com.vector.guru99&hl=enhttp://www.guru99.com/http://www.guru99.com/

8/18/2019 How to Add Styles to HTML Pages

5/6

  http://www.guru99.com/

customerfundinput.php

Screenshot  

PasswordInput.php

Screenshot  

5

http://www.guru99.com/https://play.google.com/store/apps/details?id=com.vector.guru99&hl=enhttp://www.guru99.com/http://www.guru99.com/

8/18/2019 How to Add Styles to HTML Pages

6/6

  http://www.guru99.com/

MiniStatementInput.php 

Screenshot  

6

http://www.guru99.com/https://play.google.com/store/apps/details?id=com.vector.guru99&hl=enhttp://www.guru99.com/http://www.guru99.com/