xFactorSchool.com(Beta)
How to Do Examples
Python Examples
HTML Examples
Code Examples
C Code Examples
C++ Code Examples
C# Code Examples
Java Code Examples
Python Code Examples
HTML Code Examples
CSS Code Examples
JavaScript Code Examples
Online Editor
C Code Editor
C++ Code Editor
C# Code Editor
Java Code Editor
Python Code Editor
HTML Code Editor
CSS Code Editor
JavaScript Code Editor
Practice how to apply CSS style using HTML class attribute
CSS Online Editor
Run Code
More CSS Sample Codes
</body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Apply CSS style using class name</title> <!--Internal CSS style--> <style> /* example of using class: use . to define class */ .para { color: blueviolet; font-size: 28px; } .para1 { color: blue; font-size: 22px; } </style> </head> <body> <h1>How to apply CSS style using class name?</h1> <p>Use class name as selector. Here class name 'para' and 'para1' are used as selector to apply css color and font-size style to specified paragraph.</p> <p class="para">This is a paragrapgh</p> <p class="para1">This is another paragrapgh</p> </body> </html>
CSS Online Editor
CSS Online Editor