CSS（層疊樣式表）作為前端開發的重要組成部分，可以控制網頁的布局和樣式等。在表單中，我們經常會使用input的file類型。這種類型的input元素可以讓用戶上傳文件，但默認樣式實在是丑陋。因此我們需要使用CSS來美化form input file的樣式。

/* 隱藏默認的input file樣式 */
input[type="file"] {
display: none;
}
/* 自定義按鈕樣式 */
.btn-upload {
display: inline-block;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #fff;
color: #333;
text-align: center;
cursor: pointer;
}
/* 鼠標移入按鈕樣式 */
.btn-upload:hover {
background-color: #eee;
}
/* 將input file與自定義按鈕關聯 */
input[type="file"] + .btn-upload::before {
content: '選擇文件';
}
/* input file發生變化時，改變按鈕內容 */
input[type="file"]:focus + .btn-upload::before,
input[type="file"]:active + .btn-upload::before {
content: '更改文件';
}

以上代碼中，首先我們將默認的input file樣式隱藏，然后編寫自定義按鈕樣式并與input file關聯。這里我們使用了CSS選擇器中的“+”符號，表示選擇相鄰的兄弟元素。此外，我們使用偽元素:before方式添加文本來模擬按鈕樣式。最后，當input file狀態改變時，動態改變按鈕內容，以便更好地提示用戶。

通過使用以上CSS代碼，我們可以美化form input file的樣式，以及提高用戶體驗。