在網頁設計過程中，經常需要在頁面的頂部或者底部添加一條橫條，上面標注著重要的信息或者導航欄目。而其中一種簡單實現方式就是利用CSS代碼來實現，具體方法如下：
.navbar {
background-color: #333; /* 橫條的背景顏色 */
height: 50px; /* 橫條的高度 */
line-height: 50px; /* 字體垂直居中 */
color: #fff; /* 字體顏色 */
font-size: 18px; /* 字體大小 */
text-align: center; /* 字體居中 */
font-weight: bold; /* 字體加粗 */
position: fixed; /* 固定在頁面頂部 */
top: 0; /* 距離頂部為0 */
width: 100%; /* 橫條寬度為100% */
}在HTML文件中引入上述CSS代碼，并使用<div>標簽來創建橫條，如下所示：
<div class="navbar"> 您要在橫條上顯示的文字內容 </div>
以上代碼可以在<body>標簽內的任何位置進行添加。這種方法可以使得導航欄條目更加簡潔清晰，易于用戶操作。