# 1.實現一個下拉菜單 ~~~ 運用知識點float,position ~~~ ### 2.css3常用樣式的講解 ### 2.1.邊框border-radius 可以將邊框設置為圓角 ~~~ border-radius:value 四個邊都會改變 可以單獨改變一邊 border-top-left-radius: value; border-top-right-radius:value; border-bottom-left-radius:value; border-bottom-right-radius:value; ~~~ ### 2.2.box-shadow可以給元素添加陰影 ~~~ box-shadow: h-shadow v-shadow blur spread color inset; *h-shadow* 必需 水平陰影的位置。允許負值。 *v-shadow* 必需。垂直陰影的位置。允許負值。 *blur* 可選。模糊距離。 *spread* 可選。陰影的尺寸。 *color* 可選。陰影的顏色。請參閱 CSS 顏色值。 inset 可選。將外部陰影 (outset) 改為內部陰影。 ~~~ ### 2.3.文字效果 ~~~ //設置文字的陰影 2.3.1 text-shadow: h-shadow v-shadow blur color; //用的不多，但面試的時候碰到過 2.3.2 text-overflow 文本溢出屬性指定如何顯示溢出內容 p{ overflow: hidden; text-overflow: ellipsis; white-space:nowrap; //white-space指定文字是否換行 } ~~~