add white border over menu in html code example

Example 1: white border css

border: solid white 4px;

Example 2: how to make the border invisible in html

#(your id)
{
	border:none;
}

Example 3: css using border top border bottom to create a hamburger icon

.menu-toggle {
	border-top:6px solid #828282;
	border-bottom:6px solid #828282;
	display:inline-block;
	height:30px;
	margin-top:-15px;
	position:absolute;
	right:20px;
	text-indent:-999px;
	top:50%;
	width:40px;
}
.menu-toggle:before {
	border-top:6px solid #828282;
	content:"";
	left:0;
	position:absolute;
	top:6px;
	width:100%;
}

Example 4: css using border top border bottom to create a hamburger icon

.menu-toggle.on {
	border-top-color:#ff0;
	border-bottom-color:#ff0
}
.nav-toggle.on:before {
	border-top-color:#ff0;
}

Tags:

Misc Example