CSS是一種用于網站設計的語言，它可以控制HTML文檔的樣式與布局。在CSS中，我們可以利用一些屬性來設計下拉框。

.select {
position: relative;
display: inline-block;
}
.select >.select-list {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #fff;
border: 1px solid #ccc;
border-top: none;
z-index: 10;
}
.select >.select-list >.item {
padding: 5px;
cursor: pointer;
}
.select >.select-list >.item:hover {
background-color: #f5f5f5;
}

首先，我們要給下拉框所在div設置position:relative;屬性，這樣下拉列表才能以其為參照物進行絕對定位。

然后，在該div中插入一個ul元素作為下拉列表，并設置其position:absolute;top:100%;left:0;right:0;z-index:10;background-color:#fff;border:1px solid #ccc;border-top:none;屬性，使其在div下方絕對定位，且樣式排版與主體框架保持一致。

最后，在ul元素中插入li元素，并設置相應的padding:5px;cursor:pointer;鼠標懸停時的背景色，這樣就可以實現一個簡單的下拉框了。