<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
.menu {
width: 221px;
background: black;
}
.btn {
width: 71px;
background: url(img/btn.png) repeat-x;
float: left;
margin-left: 2px;
}
.btnL {
background: url(img/btnL.png) no-repeat;
}
.btnR {
background: url(img/btnR.png) no-repeat right 0;
height: 31px;
text-align: center;
line-height: 31px;
}
.clear {
clear: both;
}
</style>
</head>
<body>
<div class="menu">
<div class="btn">
<div class="btnL">
<div class="btnR">主頁</div>
</div>
</div>
<div class="btn">
<div class="btnL">
<div class="btnR">博客</div>
</div>
</div>
<div class="btn">
<div class="btnL">
<div class="btnR">關於</div>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
![]()
