一、需求分析
设置一个 按钮 , 默认状态下显示的样式如下 :
按钮 外部 有 圆形的外边框 ;
按钮 中的文本 , 水平居中对齐 , 垂直居中对齐 ;
当鼠标移动到 按钮 上之后 , 鼠标 变为 小手...
浮动属性设置 : 如果将 按钮排列起来 , 需要 为 列表元素 标签 设置 浮动 属性 ,
/* 设置左浮动..., 令 ul 列表中的 li 元素水平从左到右排列 */
float: left;
一般设置 左浮动 属性 , 整个 列表 以及 列表 元素的 宽高 / 边距 需要精准的计算 ,...设置 0.5 秒的动画持续时间 , 当鼠标移动到 按钮 上方之后 , 宽高缩放为 原来的 2 倍 ;
/* 设置 动画 持续时间 .5s 相当于 0.5s */..., 令 ul 列表中的 li 元素水平从左到右排列 */
float: left;
/* 设置四个方向的边距 10 像素 */