a Tag Table

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<>, initial-scale=1.0">
    <title>Document</title>
 <style>
.body{
    background-color: #323275;
    background-image: url('img/goldencar.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
    width: 500px;
    background-attachment: fixed;
}

     a{
         color: #08085f;
     }
     a:active{
         color: orange;
     }
     a:hover{
         color:greenyellow ;
     }

     a:visited{
         color: red;
     }
table.auto
{
    table-layout: auto
}
table.fixed
{
    table-layout: fixed
}




     img.border{

         width: 300px;
         height: 300px;
         object-fit: scale-down;
         border: solid;
         border-width: 10px;
         border-color: red;
         border-radius: 55%;


     }

img.outline{

    outline: solid;
    outline-width: 10px;
    outline-color: #112afa;
    outline-radius: 55%;



}

 </style>
</head>
<body>

<a href="#">Click hear</a><br>
<a href="#g">1 Like</a><br>
<a href="#fds">3 Link</a><br>

<img class="border outline" src="img/goldencar.png">

<table class="auto" border="1" width="100%">
    <tr>
        <td width="20%">1000000000000000000000000000</td>
        <td width="40%">10000000</td>
        <td width="40%">100</td>
    </tr>
</table>

<br>
<table class="fixed" border="1" width="100%">
    <tr>
        <td width="20%">1000000000000000000000000000</td>
        <td width="40%">10000000</td>
        <td width="40%">100</td>
    </tr>
</table>

</body>
</html>

Comments

Post a Comment