CSS .class Selector: .class selector select elements with specific class attribute.
CSS Borders: We can set borders to HTML elements using border-style attribute in CSS
| <html> <head> <style> p{ border-style : dotted ; } </style> </head> <body> <p> No border </p> <p> A dotted border </p> <p> A dashed border </p> <p> A solid border </p> <p> A double border </p> </body> </html> |
Note: In above example, same border is applied to all paragraphs.
To select particular element in HTML from Style – we use Class Selector
| <html> <head> <style> p.none { border-style : none ; } p.dotted { border-style : dotted ; } p.dashed { border-style : dashed ; } p.solid { border-style : solid ; } p.double { border-style : double ; } </style> </head> <body> <p class=”none”> No border </p> <p class=”dotted”> A dotted border </p> <p class=”dashed”> A dashed border </p> <p class=”solid”> A solid border </p> <p class=”double”> A double border </p> </body> </html> |