abstrait: 在原有的導航欄的代碼基礎上,需要在一級導航欄中添加二級導航欄,因為一級導航欄中使用的是 a標簽,所以在對應要添加二級導航欄的a標簽下進行添加li標簽以及對應下拉菜單需要添加的內(nèi)容。 在添加li標簽的時候,會出現(xiàn)后面導航跟著下走的清空,首先先隱藏下拉菜單的實現(xiàn)是display中的none屬性,然后在父級元素即a標簽下添加相對定位的屬性,然
在原有的導航欄的代碼基礎上,需要在一級導航欄中添加二級導航欄,因為一級導航欄中使用的是 a標簽,所以在對應要添加二級導航欄的a標簽下進行添加li標簽以及對應下拉菜單需要添加的內(nèi)容。
在添加li標簽的時候,會出現(xiàn)后面導航跟著下走的清空,首先先隱藏下拉菜單的實現(xiàn)是display中的none屬性,然后在父級元素即a標簽下添加相對定位的屬性,然后在ul標簽添加絕對定位的屬性,實現(xiàn)導航不會跟著移動的效果,把下拉菜單的上邊框給去掉,要使用border-top:none屬性去實現(xiàn)。
對于行內(nèi)元素可以用padding屬性設置文字的內(nèi)邊距,然后使用margin屬性去實現(xiàn)上下菜單的內(nèi)容有間隔,可以在文字中添加line-height實現(xiàn)等高,基本的下拉菜單就可以實現(xiàn)了,然后模仿 ,整個導航的下拉菜單就完成了。
Professeur correcteur:查無此人Temps de correction:2019-05-13 09:34:35
Résumé du professeur:完成的不錯。把常用的css樣式,單獨提出來,寫成公用文件,以后方便使用。繼續(xù)加油。