要使用CSS制作拖放文件效果，需要使用HTML5的拖放API以及CSS的伪类选择器:hover和:active。首先需要在HTML中设置一个可拖放区域，如下所示：
<div class="drag-drop">
<p>将文件拖放到此处或点击上传</p>
</div>接下来，在CSS中设置.drag-drop的样式：
.drag-drop {
width: 300px;
height: 200px;
border: 2px dashed gray;
text-align: center;
padding: 50px 0;
}
.drag-drop:hover {
background-color: #f2f2f2;
}
.drag-drop:active {
background-color: #e6e6e6;
}
这里设置了拖放区域的宽度、高度、边框、文本居中和内边距。当鼠标悬停在这个区域时，背景色会变成浅灰色，当用户拖动文件到这个区域时，背景色会变成深灰色。
要使用CSS制作选取文件效果，需要使用HTML的标签，并绑定onchange事件。HTML代码如下：
<input type="file" id="file-input" onchange="showFileName()">
<label for="file-input" class="file-label">选择文件</label>
<p id="file-name"></p>可以看到，这里使用了
这里设置了文件选择按钮的背景色、前景色、内边距、鼠标指针和悬停样式。同时，设置了文件名
标签的上边距。