css笔记

css笔记

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence.

<!DOCTYPE html>
<html>
	<head>
	  <style>
		ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			width: 580px;
			float: left;
			background: url(mainNavBg.gif) repeat-x;
		}
		ul li {
			float: left;
		}
		ul a {
			display: block;
			padding: 0px 24px;
			color: #fff;
			text-decoration: none;
			background: url(mainNavBorder.gif) repeat-y left top;
		}
		li:hover a {
			color: blue;
		}

		.first a {
			background: none;
		}
	  </style>
	</head>
	<body>
		<ul>
			<li class="first"><a href="">11111</a></li>
			<li><a href="">2222222222</a></li>
			<li><a href="">333</a></li>
			<li><a href="">4444444444444</a></li>
			<li><a href="">55555</a></li>
		</ul>
	</body>
</html>