CSS example of multiborder.
#box { background: #f4f4f4; border: 1px solid #0000FF; width: 400px; height: 400px; margin: 60px auto; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #box:before { border: 1px solid white; content: ''; width: 396px; height: 396px; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #box:after { content: ''; position: absolute; width: 396px; height: 396px; border: 1px solid #ff0000; left: 1px; top: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
Geef een reactie