display: block;
width: 100%;
height: 40px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #333;
background-color: #f1f1f1;
border-radius: 5px;
cursor: pointer;
此外,上述屬性中的所有值都可以通過(guò)CSS設(shè)置進(jìn)行更改。
display: block;
width: 100%;
height: 40px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #333;
background-color: #f1f1f1;
border-radius: 5px;
cursor: pointer;
2. 使用圓角和下劃線
display: block;
width: 100%;
height: 40px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #333;
background-color: #f1f1f1;
border-radius: 5px;
cursor: pointer;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
3. 使用其他樣式
display: block;
width: 100%;
height: 40px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #333;
background-color: #f1f1f1;
border-radius: 5px;
cursor: pointer;
a:hover {
background-color: #f5f5f5;