console
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a style="
font-size: 16px;
font-family: Arial;
/* font-weight: bold; */
/* font-style: italic; */
height: 16px;
width: 31px;
border-radius: 28px;
border: 1px solid rgb(24, 171, 41);
/* box-shadow: rgb(61, 194, 27) 0px 0px 0px 0px ; */
text-shadow: rgb(47, 102, 39) 0 1px 0;
">123</a>
<a style="
font-size: 16px;
font-family: Arial;
/* font-weight: bold; */
/* font-style: italic; */
height: 16px;
width: 31px;
border-radius: 28px;
border: 1px solid rgb(24, 171, 41);
/* box-shadow: rgb(61, 194, 27) 0px 0px 0px 0px ; */
text-shadow: rgb(47, 102, 39) 0 1px 0;
/* 补上其他调试面板上的没有展示出来的属性 */
display: inline-block;
background-color: rgb(68, 199, 103);
color: rgb(255, 255, 255);
padding: 12px 28px;
text-decoration: none;
cursor: pointer;
">123</a>
<a class="myButton">class</a>
<a id="myButton">id</a>
<a class="button1">button1</a>
<a class="button2">button2</a>
<a class="button3">button3</a>
</body>
</html>
.myButton {
font-size: 16px;
font-family: Arial;
height: 16px;
width: 31px;
border-radius: 28px;
border: 1px solid rgb(24, 171, 41);
text-shadow: rgb(47, 102, 39) 0 1px 0;
display: inline-block;
background-color: rgb(68, 199, 103);
color: rgb(255, 255, 255);
padding: 12px 28px;
text-decoration: none;
cursor: pointer;
}
#myButton {
font-size: 16px;
font-family: Arial;
height: 16px;
width: 31px;
border-radius: 28px;
border: 1px solid rgb(24, 171, 41);
text-shadow: rgb(47, 102, 39) 0 1px 0;
display: inline-block;
background-color: rgb(68, 199, 103);
color: rgb(255, 255, 255);
padding: 12px 28px;
text-decoration: none;
cursor: pointer;
}
.button1 {
box-shadow: rgb(138, 42, 33) 3px 4px 0px 0px;
background: linear-gradient(rgb(198, 45, 31) 5%, rgb(242, 68, 55) 100%) rgb(198, 45, 31);
border-radius: 18px;
border: 1px solid rgb(208, 39, 24);
display: inline-block;
cursor: pointer;
color: rgb(255, 255, 255);
font-family: Arial;
font-size: 16px;
padding: 7px 25px;
text-decoration: none;
text-shadow: rgb(129, 14, 5) 0px 1px 0px;
}
.button2 {
box-shadow: rgb(21, 100, 173) 3px 4px 0px 0px;
background: linear-gradient(rgb(121, 187, 255) 5%, rgb(55, 141, 229) 100%) rgb(121, 187, 255);
border-radius: 5px;
border: 1px solid rgb(51, 123, 196);
display: inline-block;
cursor: pointer;
color: rgb(255, 255, 255);
font-family: Arial;
font-size: 16px;
font-weight: bold;
padding: 12px 44px;
text-decoration: none;
text-shadow: rgb(82, 142, 204) 0px 1px 0px;
}
.button3 {
box-shadow: rgb(255, 246, 175) 0px 1px 0px 0px inset;
background: linear-gradient(rgb(255, 236, 100) 5%, rgb(255, 171, 35) 100%) rgb(255, 236, 100);
border-radius: 6px;
border: 1px solid rgb(255, 170, 34);
display: inline-block;
cursor: pointer;
color: rgb(51, 51, 51);
font-family: Arial;
font-size: 15px;
font-weight: bold;
padding: 6px 24px;
text-decoration: none;
text-shadow: rgb(255, 238, 102) 0px 1px 0px;
}