今天完成的事情：今天写出来了栅格系统的嵌套，然后<select></select>标签具体使用方法，然后把默认样式换成了三角。

明天计划的事情：明天把hover效果写出来，然后把<select></select>的颜色换成蓝色，还有把

这个进度条写出来。

遇到的问题：

任务十的进度条今天想了一天也不知道怎么写，本来写了一个长的横线然后用div写出来了一个圆形，但是用定位之后相应会崩盘，然后做hover效果也比较难。

收获：

<select></select>创建带有 4 个选项的选择列表

然后修改select的样式

  appearance:none;

将默认的样式清除

  -moz-appearance:none;

  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/

  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/

  padding-right: 14px;

}

可以做到修改原来默认的样式，但是我还没想到办法修改图片周围的颜色。

禅道：

css-task10

任务开始：6.28

预计结束：7.14

禅道主页：http://task.jnshu.com/zentao/project-task-789.html