Learning-Front-End-Development/adding_borders.html at main · tech-sap/Learning-Front-End-Development · 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
<html>
    <head>
        <title>
            Adding Borders
        </title>
        <link href="adding_borders.css" rel="stylesheet" type="text/css"
    </head>
    <body style="text-align:center">
        <h1>Adding Borders</h1>
        <h2>for defining a para we need three values</h2>
            <h3>a)border-style</h3>
               <p>border-top-style<br>
               border-right-style<br>
               border-bottom-style<br>
               border-left-style
               </p>
            <h3>b)border-width</h3>
            <h3>c)border-color</h3>
           <h3>--------or------------</h3>
           <h2>Shorthand property for defining border</h2>
           <p>
           border: width style color;(shorthand property)
           </p>
           <h2>Shorthand property for defining </h2>
           <p>border-side:width style color</p>

           <h2>d)border-radius</h2>
           <p>to make the corners of the border curved</p>

    </body>
</html>