网页制作之如何利用css样式来制作网站导航栏

 时间:2026-04-23 02:37:13

1、打开软件,先用表格制作一个导航类,并在每个表格中输入文本(很简单,方法见以前的经验)。点击css样式编辑窗口,点击新建css规则。

网页制作之如何利用css样式来制作网站导航栏

网页制作之如何利用css样式来制作网站导航栏

2、打开css规则对话框,在选择器上选择类,输入一个名称,比如.dangh,规则定义中选择要放入的css样式文件,没有可以新建一个。

网页制作之如何利用css样式来制作网站导航栏

3、设置字体为宋体、字体大小为14px,行高为25px,字体颜色为白色。

网页制作之如何利用css样式来制作网站导航栏

4、在背景类型中设置背景颜色。

网页制作之如何利用css样式来制作网站导航栏

5、在区块类型中设置文本居中对齐。

网页制作之如何利用css样式来制作网站导航栏

6、在边框类型中设置边框,勾选掉边框类型为全部相同。设置右边为实线,宽度为1px,颜色为白色。

网页制作之如何利用css样式来制作网站导航栏

7、在方框类型中,设置方框的高和宽,宽为200,高为25,这样就可以固定每个表格的大小。

网页制作之如何利用css样式来制作网站导航栏

8、点击确定,然后在每个表格中点击运行这个css规则。

网页制作之如何利用css样式来制作网站导航栏

9、最后点击f12预览。

  • WebStorm怎么设置显示参数信息弹出窗口
  • div+css网页布局有哪些缺陷的缺陷
  • Word 如何自动更新目录?
  • 两种纯html+css3实现六边形
  • 制作网页时能选用的图片类型有哪些
  • 热门搜索
    不是有效的win32应用程序怎么解决 黄芪泡水喝的害处 怎么盗号教程 如何练习唱歌 皮鞋发霉怎么处理 德力西开关插座怎么样 如何延长时间 路由器怎么重启 如何说话 跳绳减肥瘦哪里