CSS是用于創建網頁布局和樣式的語言。在這篇文章中,我們將介紹一個使用CSS的常見用法案例,即創建一個簡單的導航欄。
HTML代碼:
<nav>
<h1>歡迎來到我的導航欄</h1>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關于我</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>
CSS代碼:
nav {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f2f2f2;
padding: 20px;
font-size: 36px;
margin-bottom: 20px;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
color: #fff;
text-decoration: none;
padding: 10px;
通過使用CSS,我們可以輕松地創建各種類型的導航欄,包括水平、垂直和居中對齊的導航欄,以及不同樣式的導航欄。在實際項目中,我們可以根據需要調整CSS代碼,以適應具體的導航欄需求。
上一篇css3放大動畫特效代碼
下一篇晃動的css