»
Tiếng AnhTiếng PhápTiếng Việt

In - Menu bằng CSS - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » CSS » Trình đơn ngang » Menu bằng CSS
URL: https://www.javascriptbank.com/css-menu.html

Menu bằng CSS © JavaScriptBank.comMột đoạn mã JavaScript CSS đơn giản để tạo một trình đơn sinh động và bắt mắt trên trang web.

Phiên bản đầy đủ: jsB@nk » CSS » Trình đơn ngang » Menu bằng CSS
URL: https://www.javascriptbank.com/css-menu.html



CSS
<style>#message div.menuBar,#message div.menuBar a.menuButton {  font-family: Verdana, Arial, sans-serif;  font-size: 8pt;  color: #000000;}#message div.menuBar {  background-color: #F0EEE2;  padding: 6px 2px 6px 2px;  text-align: center;  margin-left:20px;}#message div.menuBar a.menuButton {  background-color: transparent;  border: 1px solid;  border-color: #f0f0f0 #909090 #909090 #f0f0f0;  color: #000000;  cursor: pointer;  left: 0px;  margin: 1px;  padding: 2px 6px 2px 6px;  xposition: relative;  text-decoration: none;  top: 0px;  z-index: 100;}#message div.menuBar a.menuButton:hover {  background-color: transparent;  border-color: #909090 #f0f0f0 #f0f0f0 #909090;  color: #000000;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<table><tr><td><DIV id="message"><div class="menuBar"><a class="menuButton" href="">First Button</a><a class="menuButton" href="">Second Button</a><a class="menuButton" href="">Third Button</a><a class="menuButton" href="">As Many more buttons as you need</a></div></div></td></tr></table><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->