```css

display: inline-block;

text-align: center;

margin-right: 10px;

background-color: #007bff;

color: #fff;

padding: 10px 20px;

border: none;

border-bottom: 2px solid #ff7bff;

text-decoration: none;

1. 使用絕對定位

```css

display: inline-block;

text-align: center;

margin-right: 10px;

background-color: #007bff;

color: #fff;

padding: 10px 20px;

border: none;

border-bottom: 2px solid #ff7bff;

text-decoration: none;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

2. 避免使用默認樣式

```css

display: inline-block;

text-align: center;

margin-right: 10px;

background-color: #007bff;

color: #fff;

padding: 10px 20px;

border: none;

border-bottom: 2px solid #ff7bff;

text-decoration: none;

3. 使用下劃線

```css

display: inline-block;

text-align: center;

margin-right: 10px;

background-color: #007bff;

color: #fff;

padding: 10px 20px;

border: none;

border-bottom: 2px solid #ff7bff;

text-decoration: none;

4. 避免重復樣式

```css

.parent {

display: flex;

align-items: center;

justify-content: center;

.child {

width: 200px;

height: 200px;

background-color: blue;

color: white;

padding: 10px;

border: none;

border-bottom: 2px solid #ff7bff;

width: 200px;

height: 200px;

background-color: #007bff;

color: #fff;

padding: 10px 20px;

border: none;

border-bottom: 2px solid #ff7bff;

text-decoration: none;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

5. 使用背景顏色

```css

display: inline-block;

text-align: center;

margin-right: 10px;

background-color: #007bff;

color: #fff;

padding: 10px 20px;

border: none;

border-bottom: 2px solid #ff7bff;

text-decoration: none;