Bagaimana untuk mengalih keluar "sempadan" kelabu pada butang HTML
P粉986028039
P粉986028039 2024-03-30 10:30:48
0
1
573

Saya melihat sempadan di sekeliling butang pada halaman HTML. Saya cuba membuat satu butang biru dan satu hijau dan meletakkannya di atas meja. Kodnya adalah seperti berikut:

<table align="center">
  <tr style=" font-family: verdana; font-size: 24px;">
    <th> Select your Region </th>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
    <td align="center">
      <button>
            <a id="cust" type="button" 
            style=
            "background-color: #00824A;
              border: none;
              color: white;
              padding: 16px 55px;
              text-align: center;
              text-decoration: none;
              display: inline-block;
              font-size: 16px;
              margin: 4px 2px;
              transition-duration: 0.4s;
              cursor: pointer;
              font-weight: bold;
              font-family: verdana"
            href="URL">
            US
            </a>
            </button>
    </td>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
    <td align="center">
      <button>
            <a id="cust" type="button" 
            style=
            "background-color: #0061D5;
              border: none;
              color: white;
              padding: 16px 55px;
              text-align: center;
              text-decoration: none;
              display: inline-block;
              font-size: 16px;
              margin: 4px 2px;
              transition-duration: 0.4s;
              cursor: pointer;
              font-weight: bold;
              font-family: verdana" 
            href="URL">
            EU
            </a>
            </button>
    </td>
  </tr>
</table>

Beginilah ia muncul di halaman web:

Saya mahu keseluruhan butang berwarna itu tanpa kelabu di sekelilingnya. Saya mengalih keluar "sempadan" dengan sempadan: tiada dalam gaya. Sebaliknya, ia memaparkan segi empat tepat warna di dalam butang kelabu yang lebih besar.

P粉986028039
P粉986028039

membalas semua(1)
P粉605233764

Sempadan ialah button 元素本身,而不是其中的链接 。您需要使用

Tetapkan gaya butang dan alih keluar sempadan lalai

Bacaan berkaitan: https://css-tricks.com/overriding-default-button style/


Select your Region
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan