1、新建html文档。
3、书写css代码。<style>.button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 6px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; }.button1 { background-color: white; color: black; border: 2px solid #4CAF50; }.button1:hover { background-color: #4CAF50; color: white; }.button2 { background-color: white; color: black; border: 1px solid #008CBA; }.button2:hover { background-color: #008CBA; color: white; }.button3 { background-color: white; color: black; border: 2px solid #f44336; }.button3:hover { background-color: #f44336; color: white; }.button4 { background-color: white; color: black; border: 2px solid #e7e7e7; }.button4:hover { background-color: #e7e7e7; }.button5 { background-color: white; color: black; border: 2px solid #555555; }.button5:hover { background-color: #555555; color: white; }</style>
5、代码整体结构。
