body {margin:0;} ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; position: fixed; top: 0; width: 100%; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover:(.active) { background-color: #111; } .active { background-color: #4CAF50; }

• Home
• News
• Contact
• About

Fixed Top Navigation Bar

Scroll this page to see the effect

The navigation bar will stay at the top of the page while scrolling

Some text some text some text some text..

Some text some text some text some text..

Some text some text some text some text..

Some text some text some text some text..

Some text some text some text some text..

Some text some text some text some text..

Some text some text some text some text..

Some text some text some text some text..

Mouse over me

Hello World!

 

 

 

Dropdown Menu

Move the mouse over the button to open the dropdown menu.

Link 1 Link 2 Link 3

Note: We use href="#" for test links. In a real web site this would be URLs.

 

 

 

LỊCH SỬ

cổ sử

thời tiền sử

thời cận đại

thời bây giờ