របៀបបង្កើត Navigation Bar ស្អាតមួយ

Preview របស់ Navigation Bar

នេះជា​ Code របស់ Navigation Bar

HTML:

<div class="nav">
	<ul>
		<li><a href="#">Home</a></li>
		<li><a href="#">Portfolios</a></li>
		<li><a href="#">About</a></li>
		<li><a href="#">Contact</a></li>
		<li><a href="#">More</a></li>
	</ul>
</div>

CSS:

.nav ul {
	list-style: none;
	background: white;
	text-align: center;
	padding: 0;
	margin: 0;
}
.nav li {
	display: inline-block;
}
.nav a {
	text-decoration: none;
	color: black;
	width: 150px;
	display: block;
	font-size: 17px;
	font-family: Rabbid Highway Sign II;
	transition: 0.4s;
}