Mendesain tombol

Sesuaikan tombol situs Anda dengan menyetel warna, font, tepi, bayangan, dan masih banyak lagi. Panduan ini menjelaskan pilihan gaya yang tersedia dan cara menerapkannya.

Ikuti langkah-langkah berikut untuk menyesuaikan gaya tombol:

1. Gunakan Tampilan Daftar untuk memilih blok Tombol.

2. Pada pengaturan blok di bilah sisi kanan, klik ikon Gaya.

3. Sesuaikan gaya blok Tombol berikut:
   • Warna: Pilih warna latar belakang untuk blok Tombol. Pelajari warna selengkapnya.
   • Tipografi: Ubah tipe dan ukuran font tombol. Pelajari tipografi selengkapnya.
   • Dimensi: Atur padding, margin, dan spasi blok. Pelajari dimensi selengkapnya.
   • Garis Tepi: Sesuaikan warna dan radius garis tepi. Pelajari garis tepi selengkapnya.

Ikuti langkah-langkah berikut untuk menerapkan gaya pada tiap tombol dalam blok Tombol:

1. Gunakan Tampilan Daftar untuk memilih tombol satu per satu dalam blok Tombol.

2. Pada pengaturan blok di bilah sisi kanan, klik ikon Gaya.

3. Sesuaikan gaya berikut:
   • Gaya: Pilih antara isi dan outline untuk gaya tombol.
   • Warna: Pilih warna teks dan latar belakang tombol. Pelajari warna selengkapnya.
   • Tipografi: Ubah tipe, gaya, dan ukuran font tombol. Pelajari tipografi selengkapnya.
   • Dimensi: Atur padding di sekeliling tiap tombol. Pelajari dimensi selengkapnya.
   • Garis Tepi dan Bayangan: Sesuaikan warna dan radius garis tepi, atau tambahkan efek bayangan ke tombol. Pelajari garis tepi selengkapnya.

Selain pilihan tipografi yang tersedia dalam blok gaya, Anda juga dapat memformat teks tombol dengan mengikuti langkah-langkah berikut:

1. Gunakan Tampilan Daftar untuk memilih tombol satu per satu dalam blok Tombol.
2. Sorot sebagian, atau semua teks tombol, yang ingin diformat. 

3. Pilih dari opsi pemformatan, antara lain:
   • Meratakan teks (kiri, tengah, kanan)
   • Menambahkan tautan
   • Cetak tebal
   • Cetak miring
   • Ikon Selengkapnya mencakup:
     • Sorot: Ubah teks dan warna latar belakang teks saja. Gunakan gaya untuk mengubah warna tombol.
     • Kode Inline
     • Gambar Inline
     • Gaya Input Keyboard
     • Atribut bahasa
     • Coret
     • Tika bawah
     • Tika atas