Bagaimana untuk mengalih keluar Sempadan Kelabu daripada Butang dengan Imej Tersuai?

Mengalih keluar Sempadan daripada Butang

Apabila menyesuaikan butang dengan menggantikan imej lalai dengan tersuai, adalah perkara biasa untuk menghadapi sempadan kelabu yang berterusan di sekeliling imej itu. Jidar ini boleh dialih keluar untuk mencapai reka bentuk butang yang bersih dan lancar.

Penyelesaian

Untuk mengalih keluar jidar kelabu daripada butang, cuma tambah gaya CSS berikut pada kod butang:

<code class="css">padding: 0;
border: none;
background: none;</code>

Kod Contoh

<code class="html"><button style="padding: 0; border: none; background: none;">
  <img src="/path/to/image.png">
</button></code>

Demo

Untuk demonstrasi langsung, rujuk URL berikut:

https://jsfiddle.net/Vestride/dkr9b/

Dengan menggunakan gaya CSS ini, butang akan memaparkan imej tersuai sahaja tanpa sebarang sempadan sekeliling.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Sempadan Kelabu daripada Butang dengan Imej Tersuai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!