CSS是一種用于網頁設計中樣式的語言，其中一種常見的應用是實現上拉菜單。具體實現如下：

/* 首先定義一個class為menu的div作為菜單 */
.menu {
position: fixed; /* 絕對定位 */
bottom: 0; /* 距離底部為0 */
width: 100%; /* 寬度100% */
height: 0; /* 高度為0（隱藏） */
background-color: #f9f9f9; /* 菜單背景顏色 */
overflow-y: scroll; /* 允許菜單內容滾動 */
transition: height 0.5s ease; /* 定義過渡效果 */
}
/* 點擊按鈕后將菜單高度調為auto（自適應） */
.menu.active {
height: auto;
}
/* 定義一個按鈕，通過點擊它來打開/關閉菜單 */
.button {
position: fixed; /* 絕對定位 */
bottom: 0; /* 距離底部為0 */
right: 0; /* 距離右側為0 */
width: 50px; /* 寬度50px */
height: 50px; /* 高度50px */
background-color: #333; /* 按鈕背景顏色 */
color: #fff; /* 字體顏色 */
text-align: center; /* 文字居中 */
line-height: 50px; /* 行高與高度相等 */
cursor: pointer; /* 鼠標樣式為手形 */
}

然后在JS中，通過按鈕的點擊事件切換菜單的class：

var button = document.querySelector('.button');
var menu = document.querySelector('.menu');
button.addEventListener('click', function() {
menu.classList.toggle('active');
});

這樣，點擊按鈕后，菜單就會上拉出來了。