淘宝专业版导航采用了CSS代码进行设计，具有简洁、美观、易用的特点。下面，大家将详细介绍一下它的CSS代码。
1. 淘宝专业版导航的整体布局
淘宝专业版导航采用了“一栏式”布局，即导航栏在页面的最前端，商品列表和搜索框在导航栏的下方。整个导航栏由四个图标组成，分别是“搜索”、“导航”、“返回顶部”和“商品列表”，它们的颜色和样式都设置为黑色和灰色，看起来非常清晰。
2. 淘宝专业版导航的CSS样式设计
淘宝专业版导航的CSS样式设计主要包括以下几个方面：
(1)导航栏的样式设计
导航栏的样式设计采用了扁平化风格，使导航栏看起来更加简洁、美观。导航栏的边框和底边采用了白色，使导航栏更加突出。同时，导航栏的图标采用了圆形设计，使图标看起来更加圆润、美观。
(2)商品列表的样式设计
商品列表的样式设计采用了列表样式，使商品列表更加清晰、易用。商品列表的边框和底边采用了白色，使商品列表更加突出。同时，商品列表的字体和字号都设置为较大，使商品列表看起来更加清晰。
(3)搜索框的样式设计
搜索框的样式设计采用了输入框样式，使搜索框看起来更加简洁、易用。搜索框的边框和底边采用了黑色，使搜索框更加突出。同时，搜索框的字体和字号都设置为较大，使搜索框看起来更加清晰。
(4)返回顶部的样式设计
返回顶部的样式设计采用了“返回”按钮样式，使返回顶部按钮看起来更加美观。