我發現了這個漂亮的底線動畫

 
关于
 
作品集
 
博客
 
联系
 
 body,html { margin: 0; font: bold 14px/1.4 'Open Sans', arial, sans-serif; background: #000; } ul { margin: 150px auto 0; padding: 0; list-style: none; display: table; width: 600px; text-align: center; } li { display: table-cell; position: relative; padding: 15px 0; } a { color: #fff; text-transform: uppercase; text-decoration: none; letter-spacing: 0.15em; display: inline-block; padding: 15px 20px; position: relative; } a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: absolute; background: #fff; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } a:hover:after { width: 100%; left: 0; } @media screen and (max-height: 300px) { ul { margin-top: 40px; } }

我知道我必須將上面的程式碼應用到我的NavItem元件中。動畫和一切都很好，但看起來它適用於我的NavItem元件，但適用於整個導航欄 NavItem CSS 和應用程式圖片

我只是幾個小時的會員，所以我不知道在我的本地主機中顯示網站的正確方法是什麼。也對五月英語感到抱歉。 :)