📄 horizontal-nav.htm
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Horizontal Nav</title><style type="text/css"><!--/* Basic Styling=======================*/body { font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background-color: #fff;}/* mainNav=======================*/ul { margin: 0; padding: 0; float: left; width: 720px; background: #FAA819 url(images/mainNavBg.gif) repeat-x; list-style: none; text-transform: uppercase;}ul li { float: left;}ul a { padding: 0 2em; line-height: 2.1em; background: url(images/mainNavBorder.gif) repeat-y left top; text-decoration: none; color: #fff; float: left; display: block;}ul a:hover { color: #333;}ul .first a { background: none;}--></style></head><body><ul><li class="first"><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">News</a></li><li><a href="#">Products</a></li><li><a href="#">Services</a></li><li><a href="#">Clients</a></li><li><a href="#">Case Studies</a></li></ul></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -