HTML結構：

<div class="container">

<div class="drop-down">

<label for="select">選項1</label>

<select id="select" name="select">

<option value="1">選項1</option>

<option value="2">選項2</option>

<option value="3">選項3</option>

</select>

</div>

</div>

CSS樣式：

.container {

width: 300px;

padding: 20px;

background-color: #fff;

border-radius: 5px;

box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);

.drop-down {

width: 100%;

padding: 10px;

background-color: #fff;

border-radius: 5px;

box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);

display: none;

color: #333;

text-decoration: none;

a:hover {

background-color: #007bff;

label {

display: block;

margin-bottom: 5px;

color: #333;

text-align: center;

select {

display: block;

width: 100%;

padding: 10px;

border: 1px solid #ccc;

border-radius: 5px;

.drop-down label {

margin-bottom: 10px;

下拉菜單中的選項用`<select>`元素表示，`id`屬性為下拉菜單項的唯一標識符，`name`屬性為選項名稱，下拉菜單項的值用`<option>`元素的文本表示。

注意，CSS點擊下拉菜單只適用于簡單的下拉菜單，如果下拉菜單中包含復雜的樣式和內容，則需要使用JavaScript來實現。