Hello friends, in this blog we will learn how to change selector basic with your own style. Let
check with <h1>….to <h5>.
- <!DOCTYPE html>
- <html>
-
- <head>
- <title>Color Change Of Inbuilt Selector</title>
- </head>
-
- <body>
- <h1>
- Color Change Of Inbuilt Selector</h1>
- </body>
-
- </html>
When we render, browser
would be rendered as in the following:
Now lets we add a property in
our <h1> selector. For that add style in your <head> part or make one stylesheet
and name it style.css and you can link style.css in your head part.
- <!DOCTYPE html>
- <html>
-
- <head>
- <title>Color Change Of Inbuilt Selector</title>
- <style type="text/css">
- h1 {
- font: 30px Arial, Helvetica, sans-serif;
- color: #ff0000;
- }
- </style>
- </head>
-
- <body>
- <h1>
- Color Change Of Inbuilt Selector</h1>
- </body>
-
- </html>
Summary
This way you can change any
of inbuilt selector's property with your choice.