CSS是前端開發中不可或缺的一部分，可以用來美化頁面，改變元素的樣式等等。本文將介紹如何使用CSS來讓按鈕變長。

.btn{
width: 100px;
height: 30px; 
/*設置按鈕的寬高*/
background-color: #f00;
color: #fff;
border: none; 
/*去邊框*/
border-radius: 5px;
/*設置圓角*/
transition: all 0.3s linear;
/*添加過渡效果*/
}
.btn:hover{
width: 120px;
/*鼠標懸浮時，將寬度變為120px*/
}

上述代碼中，通過給按鈕設置寬高、背景色、字體顏色、圓角等樣式。同時，給按鈕設置hover偽類，當鼠標懸浮在按鈕上時，將寬度從100px變為120px，實現讓按鈕變長的效果。

通過以上代碼，您已經可以很輕松地讓按鈕變長了。希望以上內容對您有所幫助！