----
模仿 CSDN 博客界面的导航栏 , 将下图中 矩形框 中的导航栏 样式写出来 ;
案例分析 :
导航栏宽度 是不固定的 , 有的链接宽度很窄 , 如 " 最近 " , " 课程 " 等..., 只有 2 个字 , 有的链接很长 , 如 " 关注/订阅/互动 " , 字数很多 , 这样就不适合为其设置一个固定宽度 ;
最佳方案 是 为 链接 选项 设置一个内边距 , 让其宽度自适应 ;
二、...宽高 , 宽高显示在下方 , 下图中 切片工具 选中的 浅绿色 矩形 宽高为 9 x 48 像素 , 该区域左上角坐标为 ( 15, 7 ) ;
4、吸管工具获取图片颜色
如果想要获取图片中的颜色 ,..., 这里获取的十六进制值为 #E8E8ED ;
5、测量结果
测量的 导航栏 整体 高度 为 48 像素 , 没有 上左右 边框 , 整体背景为白色 ;
下边框 1 像素 , 颜色值为 #...E8E8ED ,
文本高度 15 像素 , 文本颜色为 #222226 , 这是鼠标经过时的样式 , 鼠标没有经过时颜色值为 #555666 ;
鼠标经过时 , 下边框为 2 像素 , 颜色值