Height ,Width and Borders in CSS-HTML

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">      
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Height,Width and Borders </title>
<style>
#firstpara{
    background-color: rgb(124, 207, 124);
    height: 30px;
    width: 150px;


/* border:4px solid blue; */

    /* border-color: red;
    border-width: 4px;
    border-style: solid; */
    border-radius: 13px;
}
#secondpara{
    background-color: rgb(143, 173, 143);
    height: 30px;
    width: 200px;


 border-bottom:4px solid blue;
 border-top:4px solid rgb(104, 104, 143);
 border-left:4px solid rgb(255, 0, 119);
 border-right:4px solid rgb(105, 7, 53);

    /* border-color: red;
    border-width: 4px;
    border-style: solid; */
    border-radius: 13px;
}  
#thirdpara{
    height: 400px;
width: 1200px;
background-image: url(https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/videoseries/ultimate-js-tutorial-hindi-1/JS-Thumb.jpg);
background-repeat:
}


</style>



</head>
<body>
    <h3>this is heading</h3>
<p id="firstpara">this is paragraph</p>
    <h3>this is second heading</h3>
<p id="secondpara">this is second paragraph</p>
    <h3>this is third heading</h3>
<p id="thirdpara">this is third paragraph</p>






</body>
</html>

Comments

Post a Comment