AIMing_byte的博客

在style标签内设置样式,先设置盒子大小，这里用body当作容纳button的盒子 ，再用display:flex;.btn:hover::before选择器是当鼠标悬停在按钮上，就会触发.btn中的before创建的伪元素。.btn:hover选择器是当鼠标悬停在按钮上，不光按钮背景要变，按钮内的字体颜色也要变。button样式设置之后，就开始设置动画效果，为动画效果设置了三个选择器。：设置按钮的水平外边距为自动，上下外边距为0，使按钮在水平方向上居中。：设置按钮文字的字体粗细为比父元素的字体更粗。