52 - 按钮元素 - button标签 - 按钮

作用：按钮

<button>确定</button>

width: 60px ;             <!-- 宽度  -->
height:30px ;             <!-- 高度 -->
font-size:14px;           <!-- 字体大小-->
color:gray;               <!--字体颜色  -->
border: 1px solid red； <!-- 边框；边框宽度、单线、边框颜色 -->
margin-left: 10px;            <!-- 左边距，相应的还有右边距margin-right,上margin-top,下 margin-buttom -->
background-color:#F1F1F1;        <!--背景色；十六位颜色表示时前加#符号  transparent是透明-->
box-shadow:10px 10px 10px gray;  <!-- 阴影；x轴偏移（右偏为正），y轴偏移（向下为正），模糊度，模糊颜色  -->
border-radius:10px 10px 10px 10px;<!-- 圆角；左上，右上，右下，左下-->
cursor:pointer;                  <!-- 鼠标经过时鼠标变成小手  -->

width: 60px ;
height:30px ;
font-size:14px;
color:gray;
border: 1px solid red；
margin-left: 10px;
background-color:#F1F1F1;
box-shadow:10px 10px 10px gray;
border-radius:10px 10px 10px 10px;
cursor:pointer;