怎样用背景图制作导航栏中的竖线?

 时间:2026-05-01 19:04:26

1、打开photoshop软件,新建一个文档,设置好宽度和高度。

怎样用背景图制作导航栏中的竖线?

2、新建一个图层,选中图层一,打开前景色,选择自己需要的颜色,用填充工具填充。(填充工具快捷键G)

怎样用背景图制作导航栏中的竖线?

3、新建图层二,在图层二中用画笔工具画小线段。(画线段时按住shift键可以画直线)(画笔笔触大小自己设置)

怎样用背景图制作导航栏中的竖线?

4、复制图层二,选中副本,(ctrl+A全选)选中线段,拖动线段向右移动(按住shift键可以平移),再用ctrl+D取消选区。

怎样用背景图制作导航栏中的竖线?

5、重复上一步,做出自己的背景图,如下图。

怎样用背景图制作导航栏中的竖线?

6、做好之后,选中储存为web格式。

怎样用背景图制作导航栏中的竖线?

7、选中jpeg格式储存就ok了,也可以储存为gif或bmp格式,这都可以。

怎样用背景图制作导航栏中的竖线?

  • js如何改变div的属性
  • Dreamweaver如何看到当前网页详细的结构
  • HTML用代码制作虚线框方法
  • HTML怎么点击按钮弹出视频
  • css如何单独对一个单元格设置样式
  • 热门搜索
    qq无法安装怎么办 发现生活中的美 面试优缺点怎么回答 嗜睡是什么原因造成的 重庆电力高等专科学校怎么样 怎么说话讨人喜欢 我放荡的生活 梗是什么意思 草木皆兵的意思是什么 怎么吐烟圈图解