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 代码：

-- -------------------- ---- -------
---------- -
    ------ ------
-

---------- -- -
    ----------- -----
    ------- --
    -------- --
-

---------- -- -
    -------- -------------
    ------------- -----
-

---------- ------------- -
    ------------- --
-

---------- - -
    ---------------- -----
    ------ -----
-
展开代码

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

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