导航栏效果图如下:
代码如下。
! doctypehtmlhtmllang=' zh ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width, initial-scale=1.0 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' title/titlestyletype=' text/cont height: 350px; padding: 0px; }li{list-style-type: none; 浮点:左; }a{display: block; width: 100px; height: 50px; font-family :微软ya hei; line-height: 50px; 背景色: crimson; margin: 0px 0px; color: #fff; 文本对齐3360中心; 文本修饰:无; font-size: 15px; } a : hover { background-color : #2F6 f4f; }/style/headbodydivulclass=daohanglanliahref=' '首页/a/lilia href=' '图书/a/lilia href=' '家电/a/lilia hrref