css导航栏怎么制作

html-css072

css导航栏怎么制作,第1张

导航栏=链接列表

作为标准的HTML基础一个导航栏是必须的

。在我们的例子中我们将建立一个标准的HTML列表导航栏。

导航条基本上是一个链接列表,所以使用 <ul>和 <li>元素非常有意义:

<ul>

<li><a href="#home">主页</a></li>

<li><a href="#news">新闻</a></li>

<li><a href="#contact">联系</a></li>

<li><a href="#about">关于</a></li></ul>

从列表中删除边距和填充:

ul {

list-style-type: none margin: 0 padding: 0}

打开“CSS样式面板(Shift+F11)”,单击“新建CSS样式”按钮,打开“新建CSS样式”对话框2、参数设置如下:注:1)名称以“· ”开头2)“当前文档”与“新建样式表文件”的区别 3、单击“确定”,设置相应参数:4)应用css样式:选中文字,单击“属性面板”中的“样式”选项下的“text”即可。4、新建样式表文件 1)新建css样式2)设置如下的参数(注意名称前应以“· ”开头)3)单击“确定”按钮,保存样式表文件4)设置字体样式,参数设置如下:(5)应用样式表文件