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的样式，以及提高用户体验。