CSS導航條右側的部分通常用于顯示用戶登錄信息、購物車、搜索框等元素。下面是一個簡單的HTML和CSS代碼示例,展示如何創建一個包含搜索框和購物車圖標的導航條右側。
<div class="nav-right"> <form class="search-form"> <input type="text" placeholder="Search"> <button type="submit"><i class="fa fa-search"></i></button> </form> <a href="#" class="cart"><i class="fa fa-shopping-cart"></i></a> </div>
首先我們需要創建一個包含搜索框和購物車圖標的容器,并給它添加一個類名“nav-right”。在這個容器中,我們插入一個