HTML-CSS--Basic-Project/border.html at main · abhishekmhasal/HTML-CSS--Basic-Project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>border</title>
    <style>
         body{
             background-color: brown;

         }
         #one{
            background-color: rgb(255, 0, 0);
            font-size: large;
            color: rgb(43, 70, 226);

         }
         .two{
              background: url("/images/Screenshot\ 2024-02-25\ 120801.png");
            background-repeat: no-repeat;
              background-position: left;
              background-size: 100px 100px;
              color: rgb(9, 40, 30);

         }
         img{
             border: 5px solid goldenrod;
             border-radius: 50%;

         }
         p{
           border: 2px ;
           border-radius: 5px;
           border: solid green ;

         }


    </style>
</head>
<body>
    <img src="/images/Screenshot 2024-02-25 120801.png" height="200px "width ="200px">


<p id ="one">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore est eveniet obcaecati assumenda explicabo facere ab sapiente debitis! Dicta voluptates accusantium aut accusamus animi assumenda eum fuga? Repellat, sequi modi dolore voluptatem repudiandae dolor fugit autem! Nobis delectus facere amet repellendus quas cumque fugit maiores ullam recusandae molestias ducimus ut eveniet numquam ad magnam atque iusto nihil explicabo, nesciunt est? Labore exercitationem recusandae, illo qui dolor quis, neque sequi laudantium quam culpa harum suscipit quod quo enim? Provident incidunt distinctio obcaecati quae doloribus asperiores nihil temporibus officiis vel dolore, quis similique rem harum excepturi impedit praesentium? At tempora impedit suscipit culpa reprehenderit nisi accusantium, maxime sequi recusandae corrupti nulla quidem beatae, tenetur totam placeat atque accusamus quibusdam laboriosam. Dignissimos, repudiandae ipsum! Voluptas ratione, doloremque ea, earum possimus esse ut optio, laboriosam ad deleniti numquam adipisci repudiandae vel porro odio odit distinctio architecto modi ipsam. Architecto consectetur quis quisquam cum eum consequatur accusantium amet esse at, sit ipsa, non officia doloremque. Ducimus, ea doloremque praesentium veritatis quos incidunt aliquid sit, facere minima laboriosam explicabo error dolores maxime hic excepturi nam est eligendi ipsum? Laudantium aliquid a ut molestiae eaque, adipisci ducimus doloremque praesentium voluptates odio nesciunt blanditiis? Sapiente, cumque! Consequuntur, eveniet?</p>
<p class="two"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos corporis soluta accusamus, quod enim ex, necessitatibus illum, aliquam atque dicta dolorem facere delectus! Eaque asperiores sit omnis optio. Dolores similique nisi magnam quas commodi, nam impedit. Quos, blanditiis. Ut nobis ea a perferendis quam porro quod harum qui, beatae optio eum delectus aut, rerum commodi quos dolorem neque suscipit expedita, distinctio reiciendis. Cupiditate ex assumenda dolorum cum excepturi voluptas sed esse nulla ad tempora error asperiores iusto, repellat libero ducimus labore impedit facilis possimus eligendi odit? Voluptatem magni cupiditate laudantium similique sit, minima, reprehenderit dolorem, itaque neque earum nemo magnam!</p>
</body>
</html>