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;
			
		}
		ul li {
			list-style: none;
			float: left;
			background: url(tab-right.gif) no-repeat right top;
		}
		li a {
			display: block;
			background: url(tab-left.gif) no-repeat left top;
			padding: 5px 15px;
			text-transform:uppercase;
			color: #fff;
			text-decoration: none;
		}
		a:hover {
			color: #000;
		}
	  </style>
	</head>
	<body>
		<ul>
			<li><a href="">aaaa</a></li>
			<li><a href="">bbbb</a></li>
			<li><a href="">cccc</a></li>
			<li><a href="">dddd</a></li>
			<li><a href="">eeee</a></li>
		</ul>
	</body>
</html>