Demo : https://www.lenlop123.com/2020/09/15-border-padding-border-style-border.html
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv5PpehJe057viBIg1mnocfEZ1YKyqvPgQ5bD598aCprR6s3KBkeFm00VfWJqYOyL1Jsx30ohYWT4P9eERwTaXg5h-fKMlZii9_d83itkHDEkdv2jn-u5YUt3RPvP1oRQH4NubO9i3Vm84qQKm5Ze0Kf-o49lMDfpZKNo5wNqrBtoMtxFhiosAd0Sm/w320-h209/DownloadFile%20(1).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqmeyyNQf4Q8rPqwHQSgICO589Yb2nNSzQC8n0pla2LYlZadqL-B1meIp4ypClDZIZO6Gd73DU0Xcq06c890YmmeHjQ1B-P0yrzaJRXojW8B5-DfCR5t0zncuPUvgO7FVvfbNv2WQAV6qRSelpns4WOsZ1-w-_Y4wkY2byEDZ8kGguATafvWxM4md2/s320/DownloadFile%20(2).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi303ml_g9X2QSPmoK8zCyEii-rj0iGgkdb4ZwiLDCKfiKDnnIDdsH8dLiQMnkReFhRm4FMu3XIw6dA-VJ4M05YCBmYreRewJHNR2274_PI4wxhhWQ9Jg2WYcHZn-FPodg67f79l50mqd-Qq7-WeJX4X3QzCsrdaDYZhyZ1uJrf0-fVpn0-YL-7_HNL/s320/DownloadFile%20(3).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-LT-C_2TWJdkzIn7gn7I349SJBhclzFbEpODj4XtiI02hdfoqLw6gy-68AX_sPgtSHzkZsW9I1T2pZIkAEUGZSaRIQlMvXTw2XEpTprqbJAMKcjCR5AaLN3dYl2h18xE-rNw-mkYk611z79p3BDQqim_Kb-gDhme3_SK_FN4ACc3W5qibqW5bMou/s320/DownloadFile%20(4).png)
<style>
p.zero {padding: 10px;border: 5px solid green;}
p.first {
padding: 10px;
border-style: solid;
border-width: 2px;
border-color: blue;
}
p.second {
padding: 10px;
border-style: solid;
border-width: 2px;
border-color: #FF6600;
}
p.third {
padding: 10px;
border-style: solid;
border-width: 2px;
border-color: rgb(0, 153, 0);
}
p.none {border-style: none;}
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.hidden {border-style: hidden;}
</style>
<p class="zero">This is an example of a solid border.</p>
<p class="first">Border color has been created using <strong>color name.</strong></p>
<p class="second">Border color has been created using <strong>Hex values.</strong></p>
<p class="third">Border color has been created using <strong>RGB values.</strong> </p>
<p class="none">This paragraph has no border.</p>
<p class="dotted">This is a dotted border.</p>
<p class="dashed">This is a dashed border.</p>
<p class="double">This is a double border.</p>
<p class="groove">This is a grooved border.</p>
<p class="ridge">This is a ridged border.</p>
<p class="inset">This is an inset border.</p>
<p class="outset">This is an outset border.</p>
<p class="hidden">This is a hidden border.</p>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiksRjkCtCnmjRhJYJoV5HsJy0rKKR7oxCeB0x1aGPkWRauBCDCnyZCSwvUMVKc6xRKcwSz2w2XmVS0ZYkIPE6GXUc-TTYGgnPkViMXZuWDKhMUU_SMLc5W_1zrEpBupesK7UeyrcldKI-PlYg9ogfOm8evRYl37UuSK1DVgUcw2X5pyXE6AXS_vIVi/s16000/a1.png)
0 Nhận xét