右侧的按钮大小 , 50 x 40 像素 ;
按钮颜色值 #00a4ff ;
2、按钮切图
使用 切片工具 , 将 按钮图片 进行选择 , 然后进行切图 ;
选择 " 菜单栏 / 文件 / 导出 / 存储为...搜索栏盒子 中 , 与 Input 表单放置在一行 , 并且二者之间没有缝隙 , 默认的行内块元素之间会有一条无法控制的缝隙 ;
最后 , 设置按钮图片 , 按钮图片无法填充满 , 使用平铺样式 ,...平铺后顶部的部分图片内容会填充底部缝隙 ;
/* 清除按钮默认样式 ( 主要是按钮自带的边框 ) */
button {
border: none;
}
/* 搜索框按钮 */
.search button...}
/* 导航栏内部 的 无序列表 设置左浮动 */
.nav ul li {
/* 设置 无序列表项 从左到右排列 */
float: left;
}
/* 设置无序列表中的链接样式 */
...., 方便与右侧的按钮进行排列 */
float: left;
/* 宽度为 360 像素, 但是左侧有 20 像素内边距变为 340 像素 */
width: 340px;
/* 高度 38