Posts

Showing posts with the label css

CSS link with no underline

-
Image
CSS  link with no underline <!DOCTYPE html> <html> <head> <style> a {     text-decoration: none; } </style> </head> <body> <p>A link with no underline: <a href="https://yaakdevelopers.blogspot.com">Yaak Developers</a></p> </body> </html>
Post a Comment
Read more

CSS Text Decoration

-
Image
CSS Text Decoration <!DOCTYPE html> <html> <head> <style> h1 {     text-decoration: overline; } h2 {     text-decoration: line-through; } h3 {     text-decoration: underline; } </style> </head> <body> <h1>Line 1</h1> <h2>Line 2</h2> <h3>Line 3</h3> </body> </html>
Post a Comment
Read more

CSS Set the height and width of an element

-
Image
CSS Set the height and width of an element    <!DOCTYPE html> <html> <head> <style> div {     height: 200px;     width: 600px;     background-color: yellow; } </style> </head> <body> <h2>Set the height and width of an element</h2> <p>This div element has a height of 200px and a width of 600px:</p> <div></div> </body> </html>
Post a Comment
Read more

CSS Using individual padding properties

-
Image
CSS Using individual padding properties <!DOCTYPE html> <html> <head> <style> div {     border: 2px solid black;     background-color: lightblue;     padding-top: 60px;     padding-right: 40px;     padding-bottom: 60px;     padding-left: 90px; } </style> </head> <body> <h2>Using individual padding properties</h2> <div>This div element has a top padding of 60px, a right padding of 40px, a bottom padding of 60px, and a left padding of 90px.</div> </body> </html>
Post a Comment
Read more