学做网站培训课程介绍

当前位置:

CSS如何制作网站的导航

以下为学做网站论坛关于“CSS如何制作网站的导航”讲解视频教程。

欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS如何制作网站的导航

网站导航是每一个网站中必有的元素,我们做网站时,必须做一个网站导航。然后放上网站的每个栏目。我们提供了大量的网站导航菜单代码,也可以利用css样式来制作网页特别方便,又便于以后更改样式,下面一起来学习怎么利用css样式制作如下图的网站导航栏

CSS如何制作网站的导航方法/步骤

  1. 打开软件,先用表格制作一个导航类,并在每个表格中输入文本(很简单,方法见以前的经验)。点击css样式编辑窗口,点击新建css规则。
  2. 打开css规则对话框,在选择器上选择类,输入一个名称,比如.dangh,规则定义中选择要放入的css样式文件,没有可以新建一个。
  3. 设置字体为宋体、字体大小为14px,行高为25px,字体颜色为白色。
  4. 在背景类型中,CSS设置背景颜色。
  5. 在区块类型中,CSS设置文本居中对齐。
  6. 在边框类型中,CSS设置边框,勾选掉边框类型为全部相同。设置右边为实线,宽度为1px,颜色为白色。
  7. 在方框类型中,CSS设置方框的高和宽,宽为200,高为25,这样就可以固定每个表格的大小。
  8. 点击确定,然后在每个表格中点击运行这个css规则。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • CSS如何调整DIV顶部边距 图文教程 (126323 次浏览)
    作者: wenmp424Email: 1871663623@qq.com详细内容:想把网站LOGO往下调,同时把导航往上调,跟背景图对齐,里面那一句是添加上边距的呢,该怎
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中,需要使用text-align属性,其
  • CSS如何制作网站的导航 视频教程 (113048 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS如何制作网站的导航。网站导航是每一个网站中必有的元素,我们做网站时,必须做一个
  • 在我们的建站课程中,跟大家讲过wordprss实现导航是利用二句代码来自动调用。这样只要我们在后台添加一个分类或者页面时,会自动调用出来。
  • 在以前的建站培训课程中,我们说了网站分页都采用网站分页插件wp-page-numbers来实现的,但对于不喜欢使用插件的学做网站学员来说,也可以使用无插件
  • 什么是网站面包屑导航相信很多初学建站的学员对网站菜单导航并不陌生,但对于网站面包屑导航却知之甚少,那么什么是网站面包屑导航呢?就是网站首页