CSS深藍(lán)色鼠標(biāo)懸停放大的國(guó)外菜單

2024-09-05 12:20:08

字體：大中小

供稿：網(wǎng)友

鼠標(biāo)懸停放大的一款CSS菜單，來自國(guó)外噢，感覺挺不錯(cuò)的，在多種瀏覽器下兼容。

<html><head><title>鼠標(biāo)懸停放大的國(guó)外菜單</title><style type="text/css">h1 {font-family:arial;}	ul#navlist {		display: inline;		list-style: none;	}	ul#navlist li {		float: left;		width: 80px;		height:30px;	}	ul#navlist li a {		text-decoration: none;		width: 80px;		height:30px;		padding:5px;		font-size:9pt;		font-family:arial;		text-align:center;		line-height:50px;		border-top: 5px solid #fff;		border-bottom: 5px solid #fff;		border-right:1px solid #fff;		border-left:1px solid #fff;		background: #003663;		display:block;		color:#fff;		}		ul#navlist li a:hover {		border-top: 5px solid #004a80;		border-bottom: 5px solid #004a80;		background:#004a80;		font-size:9pt;		font-weight:bold;		}</style></head><body><div   class="iwvjtn8m0"   id="container">	<div   class="iwvjtn8m0"   id="header">	<h1>CSS Menu: 懸停放大</h1>	</div>	<div   class="iwvjtn8m0"   id="navbar">		<ul id="navlist">			<li>網(wǎng)頁(yè)特效</li>			<li>最新更新</li>			<li>資源分類</li>			<li>下載排行</li>			<li>ASP源碼</li>			<li>PHP源碼</li>			<li>我的博客</li>		</ul>	</div>	</div></body></html>

上一篇：揭密全兼容的CSS下拉菜單的編寫

下一篇：五顏六色的按鈕組成的導(dǎo)航條