CSS3 nav-right 属性

nav-right 属性用于设置导航栏元素在父容器中右对齐的样式。通常用于网站的导航栏设计中，使导航栏元素靠右显示。

语法

.nav-right {
    float: right;
}

属性值

• float: right;：将导航栏元素向右浮动，使其右对齐显示。

示例代码

HTML 代码：

<nav class="nav-right">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>

CSS 代码：

// www.javascriptcn.com code example
.nav-right {
    float: right;
}

.nav-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-right li {
    display: inline-block;
    margin-right: 10px;
}

.nav-right li:last-child {
    margin-right: 0;
}

.nav-right a {
    text-decoration: none;
    color: #333;
}

在上面的示例代码中，我们创建了一个右对齐的导航栏，其中的导航元素使用了 float: right; 属性来实现右对齐的效果。同时，我们还设置了列表项的样式、间距以及链接的样式。

通过使用 nav-right 属性，可以轻松实现导航栏元素的右对齐显示，使网站的导航栏设计更加灵活和美观。