设置3个导航nav,最右边的nav设置class=right,然后设置nav的css边距,宽,高,背景颜色(便于我们看见),再设置一个float为右就会靠右排列,注意:float时第一个会到右边,所以设置第一个为最右边的导航栏
代码
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title></title>
<style>
nav{
margin: 5px;
width: 100px; height: 200px;
background-color: red;
float: right;
}
</style>
</head>
<body>
<nav class=”right”>右</nav>
<nav>中</nav>
<nav>左</nav>
</body>
</html>
html代码中怎么让导航栏下移
HTML中元素的位置可以用margin来实现,导航栏往下移可以使用margin-top属性,举例:
element{ margin-top:100px; }
如何利用css将导航栏中字向右移动??
<div class=”div1″><font class=”wenzi”>文字</font></div>
不知道你的向右移动是什么意思,如果是要文字居右则:
#div1{
text-align:right;
}
如果要文字离左侧多少距离则:
#wenzi{
margin-left:20px;
}
html导航条怎么设置
1、用Dreamweaver新建一个HTML文件;
2、按ctrl+s先保存,以防突然断电数据丢失;
3、修改title为html+css实现横向导航;
4、新建一个div id为“a”,添加ul li标签;
5、在li中添加自己想要的文字 并调整好文字间距,按F12预览,如下图所示:
6、首先去掉字体前面的小黑点,代码如下:
7、预览,如图所示:
8、接下来,使文字横向排列,设置代码如下,给li设置左浮动效果;
9、按F12预览,效果如下:
HTML的导航怎么移动位置啊
可以设置一个<div>标签,在body部分显示的导航栏置于这个层里,div里设置好参数,主要是margin这类的参数,如margin-left,margin-top,position等,自己可以试着改尺寸……