/* 设置导航条样式 */ .top_nav { background-color: #333; /* 背景颜色 */ overflow: hidden; /* 防止溢出 */ } /* 设置链接样式 */ .top_nav a { float: left; /* 将链接横向排列 */ color: #f2f2f2; /* 文字颜色 */ text-align: center; /* 文字居中 */ padding: 14px 16px; /* 链接内边距 */ text-decoration: none; /* 去掉下划线 */ } /* 设置链接悬停样式 */ .top_nav a:hover { background-color: #ddd; /* 鼠标悬停时背景颜色 */ color: black; /* 鼠标悬停时文字颜色 */ }
以上是一个基础的top_nav样式代码。可以根据需求调整不同的属性,比如调整导航栏高度、边框样式等等。同时也可以将其嵌入网页中,从而实现自己想要的效果。