8_1_19.html

<p style="border: dotted">
    dotted
</p>
<p style="border: dashed">
    dashed
</p>
<p style="border: solid">
    solid
</p>
<p style="border: double">
    double
</p>
<p style="border: inset">
    inset
</p>
<p style="border: outset">
    outset
</p>

<style>
    #first{
        border: solid;
        border-top-width: 1px;
        border-color: brown;
    }
    #second{
        border: solid;
        border-left-width: 1px;
        border-top-width: 1px;
        border-bottom-width: 5px;
        border-top-color: aqua;
        border-bottom-color: red;
    }
</style>
<p id="first">1px</p>
<p id="second">3px</p>

<style>
    #third{
        border: 5px red dashed;
        border-radius: 15px;
    }
</style>
<p id="third">5px</p>