将元素显示为块级元素
display:block

鼠标悬停时显示
dropbox:hover .droplist{
display:block;

“display:none”的意思是设置元素不可见并且连盒模型也不生成，一般用于不占空间的隐藏元素。display属性规定元素应该生成的框的类型，当其值为“none”时可以规定元素不生成框，隐藏该元素，可以理解成在页面中把该元素删除掉一样。

display 属性规定元素应该生成的框的类型。
block 元素将显示为块级元素，此元素前后会带有换行符。

.droplist a{
/修改变色的范围/
display:block;

.droplist li
/设置每一项的高，让字水平垂直居中/
height:40px;
text-align:center;
line-height:40px;

box-Shadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。

cursor:pointer属性,鼠标经过或点击有小手样式

line-height

用于对网页文字及其他元素设置行高，由于会影响元素高度，也可用于调节一些元素的高度。

设置div元素宽度，高度
.dropbox{
width:120px;
height:500px;
}

*{margin:0;
padding:0;
text-decoration:none;
list-style:none;}
/内外边距变成0，去掉一些样式/
边距：0； 填充：0； 文字装饰：无； 列表样式：无

为box元素内的a标签设置背景颜色
.box>a{

background-color:red;

}