Artikel Pengenalan Wulin.com (www.vevb.com): Pelajari sedikit HTML5+CSS3 setiap hari, mengumpulkan pengalaman perlahan, dan mulai dari dasar -dasarnya. Berikut ini terutama memperkenalkan menggambar tombol pemain sederhana.
Pelajari sedikit HTML5+CSS3 setiap hari, mengumpulkan pengalaman perlahan, dan mulai dari dasar -dasarnya. Berikut ini terutama memperkenalkan menggambar tombol pemain sederhana;
Pertama, mari kita lihat seperti apa perbatasan pengaturan ketika lebar dan tinggi div adalah 0?
Kodenya adalah sebagai berikut:
1
Rendering operasi adalah sebagai berikut:
Jadi, bisakah kita melihat sesuatu dari gambar ini?
Jika kita menghapus tiga perbatasan, bisakah kita menggambar segitiga? Jawabannya adalah ya. Dengan hanya satu kode, Anda dapat menggambar segitiga:
Memengaruhi:
Sekarang mudah untuk menggambar tombol pemain. Dikombinasikan dengan beberapa tips catatan pembelajaran, dan sedikit mengadaptasi kode untuk menggambar segitiga di atas, mudah untuk menggambar tombol pemain terakhir.
Kodenya adalah sebagai berikut:
1
Tombol pemain
Memengaruhi:
Ringkasan: Contoh sederhana ini terutama menggunakan penggunaan perbatasan untuk menggambar segitiga, dan sedikit berubah, seperti mengubah lebar perbatasan atau ukuran div, untuk menggambar beberapa grafik dasar lainnya. Selain itu, sudut bulat, bayangan, dan transformasi grafis di CSS3 juga digunakan.