前端學習筆記day02 CSS盒子模型
阿新 • • 發佈:2018-11-30
1. 製作導航欄:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> nav { height: 41px; background-color: #4c4c4c; border-top: 3px solid #FF8500; border-bottom: 1px #EDEEF0; } a { height: 41px; text-align: center; text-decoration: none; line-height: 41px; padding: 0px 15px; } a:hover { background-color: orange; } </style> </head> <body> <nav> <a href="#">首頁</a> <a href="#">師資力量</a> <a href="#">聯絡我們喲</a> <a href="#">哈哈哈</a> </nav> </body> </html>
執行結果: