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

 时间:2026-02-15 13:05:44

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如何单独对一个单元格设置样式
  • 热门搜索
    怎么找工作比较靠谱 鲫鱼怎么做好吃又简单 第三人称转述句怎么改 电脑怎么分区 短裙用英语怎么说 脂肪肝是怎么引起的 小孩发烧39度怎么办 家长感言怎么写 毛囊炎怎么治 away怎么读