multi borders

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; 
		}
		

View Demo


Geplaatst

in

,

door

Tags:

Reacties

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *