CSS左邊固定導(dǎo)航菜單
如果您想要在您的網(wǎng)頁上放置一個導(dǎo)航菜單，這個菜單會一直在頁面的左邊固定不變，那么您可以使用CSS來實現(xiàn)它。
首先，我們需要創(chuàng)建一個HTML的導(dǎo)航菜單。這個菜單可以使用ul和li標簽來實現(xiàn)。如下所示：

<ul class="menu">
<li><a href="#">首頁</a></li>
<li><a href="#">文章</a></li>
<li><a href="#">聯(lián)系我們</a></li>
</ul>

接下來，我們需要使用CSS來固定左邊的導(dǎo)航菜單。我們可以使用position屬性來實現(xiàn)它。我們可以這樣設(shè)置CSS：

.menu {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
}

這里，我們使用了position: fixed來固定導(dǎo)航菜單的位置。我們將其設(shè)置為左側(cè)的0，并使用top屬性把它垂直居中。另外，我們還使用了transform: translateY(-50%);來使菜單垂直居中。
最后，我們需要用CSS對導(dǎo)航菜單進行美化。我們可以為菜單設(shè)置樣式，使其更符合我們的需求。如下所示：

.menu {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
padding: 0;
margin: 0;
list-style: none;
background-color: #fff;
border-right: 1px solid #ddd;
box-shadow: 10px 0 10px #eee;
}
<br>
    .menu li {
margin-top: 10px;
}
<br>
    .menu li:first-child {
margin-top: 0;
}
<br>
    .menu li a {
display: block;
padding: 10px;
text-decoration: none;
color: #333;
font-size: 16px;
}
<br>
    .menu li a:hover {
background-color: #eee;
}

在這個CSS代碼中，我們對導(dǎo)航菜單進行了樣式設(shè)置。我們將它的background-color設(shè)置為白色，使用border-right屬性將其右側(cè)設(shè)置為1像素的灰色實線，使用box-shadow屬性為其添加一個凸起的立體陰影。我們還使用了list-style: none將它的條目符號去掉。另外，我們還為其每個條目添加了一個10像素的上外邊距，將a標簽設(shè)置為塊級元素，并對其進行了一些基本樣式設(shè)置。
通過使用這些CSS代碼，我們可以創(chuàng)建一個漂亮的左邊固定導(dǎo)航菜單，它將一直鎖定在頁面左側(cè)，并且始終可見。