Thursday, February 20, 2020

Simple task with CSS

HTML Code:

 <!DOCTYPE html>
<html>
    <head>
        <title>Simple task with CSS</title>
        <link rel="stylesheet" href="task1style.css">
    </head>
    <body>
        <table>
            <tr>
                <td id="td1">Home</td>
            </tr>
            <tr>   
                <td id="td2">Tutorials</td>
            </tr>
            <tr>
                <td id="td3">About</td id="td1">
            </tr>
            <tr>                 
                <td id="td4">Newsletter</td>
            </tr>
            <tr>   
                <td id="td5">Contact</td>
            </tr>
        </table>
    </body>

</html>

CSS Code:

 *{padding: 0px; margin: 0px;}

#td1{border-bottom: 2px solid blueviolet; color: grey; font-size: 20px; padding-left: 10px;}

#td2{border-bottom: 2px solid brown; color: grey; font-size: 20px; padding-left: 10px;}

#td3{border-bottom: 2px solid lightseagreen; color: grey; font-size: 20px; padding-left: 10px;}

#td4{border-bottom: 2px solid orange; font-size: 20px; color: grey; padding-left: 10px;}


#td5{border-bottom: 2px solid green; font-size: 20px; color: grey; padding-left: 10px;}

Output:

at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Simple Example of div tag in html with css

HTML and CSS Code : <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <m...

  • first-angular Project
    Output :  I have created "first-angular" name project and in this project have a 3 components named as header, footer and section ...
  • HTML Basic Tags
    Program: <!DOCTYPE html> <html>     <head>         <title>All Tags in HTML</title>     </head>  ...