江苏包装设计_如何创建CSS3下拉菜单

江苏包装设计的核心价值在于为企业打造独特的品牌，江苏包装设计可以给企业带来良好的社会声誉和经济效益。

注：配图为本公司设计作品

江苏包装设计原文直译：

主题：CSS3

难度：初学者

预计完成时间：20分钟

在本教程中，我们将用纯CSS3编码你可以在印象派用户界面中找到的导航菜单。

目录

隐藏

步骤1HTML标记

第2步菜单布局

步骤3菜单链接

第四步子菜单

下载下拉菜单

步骤1HTML标记

我们将为每个菜单链接创建一个无序列表，其中包含一个列表项和一个锚标记。要创建子菜单，请在列表中添加另一个无序列表。

ul class='菜单'

lia href='# '我的仪表板/a/李

lia href='# '喜欢/a/李

lia href='# '视图/a

保险商实验所

lia href=' # ' class '文档/a/李

lia href='#' class='messages '消息/a/李

lia href='#' class='注销'注销/a/李

/ul

/李

lia href='# '上载/a/李

lia href='# '视频/a/李

lia href='# '文档/a/李

/ul！-结束。菜单-

第2步菜单布局

我们将开始从菜单的所有元素中移除边距、填充、边框和轮廓。然后，我们将添加一个固定的宽度和高度的菜单，圆角和CSS3渐变。为了水平对齐链接，我们将列表向左浮动。我们还需要将位置设置为相对的，因为我们需要它来对齐子菜单。菜单，菜单ui。菜单李，菜单一个{

边距：0;

填充：0;

边框：无；

大纲：无；

}。菜单{

高度：40px

宽度：505像素

背景：# 4c 4 e5a

背景：-webkit-linear-gradient(top，#4c4e5a 0%，# 2c 2d 33 100%)；

背景：-moz-linear-gradient(top，#4c4e5a 0%，# 2c 2d 33 100%)；

背景：-哦-线性-渐变(顶，#4c4e5a 0%，# 2c 2d 33 100%)；

背景-女士-线性-梯度(顶，#4c4e5a 0%，# 2c 2d 33 100%)；

背景：线性渐变（顶部、#4c4e5a 0%、# 2c 2d 33 100%)；

-WebKit-border-radius:5px；

-moz-border-radius:5px；

边框半径：5px

}。菜单李{

位置：相对；

注：配图为本公司设计作品

江苏包装设计总结：

江苏包装设计的分享让我们明白品牌设计的核心是传递品牌价值，品牌设计通过logo设计（标志设计）、VI设计、包装设计等设计载体提高品牌的美誉度、忠诚度，打造江苏包装设计的品牌核心资产。如果您有更多的观点，请联系杭州vi设计公司 。