Header设计器

Header设计

快速模板

基础设置

Header高度

40px 60px 100px

背景颜色

边框底部

px

阴影效果

固定在顶部

LOGO设置

显示LOGO

LOGO类型

文字LOGO 图片LOGO

LOGO文字

文字颜色

文字大小

18px

菜单设置

菜单字体

字体大小

文字颜色

悬停颜色

菜单间距

8px 32px

当前菜单项样式

二级菜单设置

搜索框设置

显示搜索框

搜索框宽度

120px 200px 300px

背景颜色

边框样式

字体大小

14px

文字颜色

占位符颜色

响应式设置

实时预览

亿若图标 CSS颜色图片转换帮助

提示：在右侧编辑菜单结构，在左侧调整样式，自定义您的Header导航栏样式。

菜单结构

双击菜单项可编辑，拖拽可调整顺序，悬停可显示链接输入框

<!-- 生成的HTML代码将显示在这里 -->

/* 生成的CSS代码将显示在这里 */

// 生成的JavaScript代码将显示在这里

<!-- 完整代码将在这里显示 -->

代码已复制到剪贴板