CSS Borders

style.css

/* Snippet1 */
header {
    width: 100px;
    
    border-color: yellow;
    border-width: 20px;
    border-style: solid;
    
    padding: 20px;
    margin: 20px;
}

main {
    padding: 20px;
    border: solid yellow 20px;
}

/* Snippet 2 */
header {
    width: 100px;
    
    border-top: solid yellow 20px;
    border-bottom: dotted pink 10px;
    
    padding: 20px;
    margin: 20px;
}

/* Snippet 3 */
header {
    width: 100px;
    
    border: 10px solid red;
    
    border-bottom-color: yellow; 
    border-left-style: dashed;   
    
    padding: 20px;
    margin: 20px;
}