CSS Box Model with Examples

Full Stack Web Development Courses with Real-time projects Start Now!!

Program 1

<html>
    <head>
        <title>Image Margin</title>
        <style>
            .border1
            {
                border: 10px;
                border-color: blueviolet;
                border-style: double;
                margin: 20px 25px 30px 25px;
            }
        </style>
    </head>
    <body>
     <center>   
<A  href="testmargin.html"><img src="dog.jpg" width="300px" height="300px" class="border1"></A> 
<img src="fox.jpg"width="300px" height="300px" class="border1"> 
<img src="deer.jpg"width="300px" height="300px" class="border1"> 
<img src="tiger.jpg"width="300px" height="300px" class="border1"> 
<img src="deer.jpg"width="300px" height="300px" class="border1"> 
<img src="tiger.jpg"width="300px" height="300px" class="border1"> 
       </center>

    </body>  
</html>

 

If you are Happy with DataFlair, do not forget to make us happy with your positive feedback on Google

courses
Image

DataFlair Team

DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.

Leave a Reply

Your email address will not be published. Required fields are marked *