Clock

Khmer Web

Gateway to web application
Navigation Bar
Edit

ជាទូទៅ Navigation bar ឬ Menu Bar ត្រូវ​បាន​ប្រើប្រាស​សំរាប់​ចុច​ដំណរភ្ជាប់​ចូល​ទៅ​កាន់​ទំព័រ​ HTML ទាំងឡាយ​។ យ៉ាងណាម៉ិញ មាន​របៀប​ជា​ច្រើន ក្នុងការបង្កើត​ navigation bar តែ​ភាគ​ច្រើន​គេ​និយម​ប្រើប្រាស់ element <ul> រួម​ផ្សំ​នឹង <li> ក្នុង​ការបង្កើត navigation bar ដូច​ខាង​ក្រោម​នេះ៖

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  	<title>12 Columns Responsive Design</title>
    <style>
      ul {
  		list-style-type: none;
  		margin: 0;
  		padding: 0;
  		overflow: hidden;
  		background-color: #333;
	  }

	  li {
  		float: left;
	  }

	  li a {
  		display: block;
  		color: white;
  		text-align: center;
  		padding: 14px 16px;
  		text-decoration: none;
	  }

	  li a:hover:not(.active) {
  		background-color: #111;
	  }

	  .active {
  		background-color: teal;
	  }
    </style>
  </head>
  
  <body>
	
  </body>
</html>