Adding overflow / coloured margin on a HTML div

A useful CSS property when searching on how to add some color around an HTML div is outline. In our example, we also add some border so that it becomes clearer. Here is an example:

border-color: #181414;
border-style: dashed;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
background-color: #359B27;
outline: 8px solid #BB2D2D;

And here is the outcome:

2014-10-06 08_27_24-Klar parat sy! – Stof 2000 _ Klar parat sy! – Stof 2000

Paul Isaris

Posts