Rumah hujung hadapan web html tutorial css sprite 调整大张图片中小图标的大小_html/css_WEB-ITnose

css sprite 调整大张图片中小图标的大小_html/css_WEB-ITnose

Jun 24, 2016 pm 12:00 PM
ikon saiz Pelarasan

直接说解决方法:


假设一张拼合好的大图大小是:900 x 1000 px (如上图)

现在想取图中左上角的河马图标,并缩小图标的大小。

正常取图:

.sprite {	background: url('imgs/woqu_localjoin_all.png') no-repeat -21px -80px;	width: 190px;height: 154px;}
Salin selepas log masuk

现在取正常图标大小的一半:

<pre name="code" class="html">.sprite {	background: url('all.png') no-repeat -10px -40px;width: 95px;height: 74px;background-size:450px 500px;}
Salin selepas log masuk



OK,大功告成!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melumpuhkan pratonton lakaran kecil bar tugas dalam Win11 Matikan teknik lakaran kecil paparan ikon bar tugas dengan menggerakkan tetikus Bagaimana untuk melumpuhkan pratonton lakaran kecil bar tugas dalam Win11 Matikan teknik lakaran kecil paparan ikon bar tugas dengan menggerakkan tetikus Feb 29, 2024 pm 03:20 PM

Artikel ini akan memperkenalkan cara untuk mematikan fungsi lakaran kenit yang dipaparkan apabila tetikus menggerakkan ikon bar tugas dalam sistem Win11. Ciri ini dihidupkan secara lalai dan memaparkan lakaran kecil tetingkap semasa aplikasi apabila pengguna menuding tetikus pada ikon aplikasi pada bar tugas. Walau bagaimanapun, sesetengah pengguna mungkin mendapati ciri ini kurang berguna atau mengganggu pengalaman mereka dan ingin mematikannya. Lakaran kecil bar tugas boleh menjadi menyeronokkan, tetapi ia juga boleh mengganggu atau menjengkelkan. Memandangkan kekerapan anda menuding di atas kawasan ini, anda mungkin telah menutup tetingkap penting secara tidak sengaja beberapa kali. Kelemahan lain ialah ia menggunakan lebih banyak sumber sistem, jadi jika anda telah mencari cara untuk menjadi lebih cekap sumber, kami akan menunjukkan kepada anda cara untuk melumpuhkannya. tetapi

Bagaimana untuk mengalih keluar ikon dalam menu mula Ubuntu? Bagaimana untuk mengalih keluar ikon dalam menu mula Ubuntu? Jan 13, 2024 am 10:45 AM

Terdapat banyak ikon perisian yang disenaraikan dalam menu mula sistem Ubuntu Terdapat banyak ikon yang tidak biasa Jika anda ingin memadamkannya, bagaimanakah anda harus memadamkannya. Mari kita lihat tutorial terperinci di bawah. 1. Mula-mula masukkan desktop ubuntu dan klik pada menu mula di bawah panel kiri. 2. Anda boleh mencari ikon editor teks di dalam, kami perlu memadamkannya. 3. Sekarang kita kembali ke desktop dan klik kanan tetikus untuk membuka terminal. 4. Gunakan arahan untuk membuka direktori senarai aplikasi. sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5 Cari ikon editor teks yang sepadan di dalam. 6. Kemudian pergi terus

Bagaimanakah saya boleh mendapatkan ikon dulang sistem muncul pada semua monitor Windows 11 saya? Bagaimanakah saya boleh mendapatkan ikon dulang sistem muncul pada semua monitor Windows 11 saya? Sep 22, 2023 pm 03:21 PM

Apabila menggunakan persediaan berbilang monitor, pengguna ingin memaparkan ikon dulang pada semua monitor untuk mengikuti pemberitahuan terkini atau mengakses aplikasi tertentu. Ini boleh menjadi sangat berguna, dan dalam panduan hari ini kami akan menunjukkan kepada anda cara mendayakan ciri ini dengan betul. Bagaimana untuk menunjukkan ikon dulang pada semua monitor dalam Windows 11? 1. Gunakan perisian gabungan paparan untuk melawati tapak web DisplayFusion dan memuat turun perisian. Selepas memuat turun perisian, jalankan fail persediaan dan pasangkannya. Mulakan perisian dan konfigurasikannya mengikut keperluan. Pada skrin kedua, klik kanan bar tugas, pilih Bar Tugas Berbilang monitor, dan kemudian pilih Dulang Sistem. Akhir sekali, semak Tunjukkan/Sembunyikan Ikon Setelah ini selesai, anda harus mendapatkan sistem anda pada kedua-dua monitor pada Windows 11

Muat turun ikon tetapan telefon ke desktop 'Ketahui dalam beberapa saat: Langkah untuk menukar ikon untuk apl pada telefon Android' Muat turun ikon tetapan telefon ke desktop 'Ketahui dalam beberapa saat: Langkah untuk menukar ikon untuk apl pada telefon Android' Feb 06, 2024 pm 04:27 PM

Untuk mencantikkan desktop mereka, ramai pengguna suka menukar tema desktop mereka dengan kerap untuk memastikan mereka sentiasa segar. Walau bagaimanapun, menukar tema tidak akan mengubah ikon APP pihak ketiga dan pengindahan diperibadikan tidak cukup teliti. Jika anda bosan dengan ikon apl yang sama, gantikannya. Secara teorinya, jika anda ingin menukar ikon untuk aplikasi mudah alih, anda biasanya memerlukan sistem ROOT dan beberapa alat untuk membongkar dan menggantikan ikon. Tetapi memandangkan sebahagian besar telefon bimbit tidak lagi menyokong sistem ROOT, kita perlu mencari kaedah lain untuk mencapainya. Contohnya, beberapa aplikasi tertentu mungkin menawarkan pilihan untuk menyesuaikan ikon atau memperibadikan ikon melalui pelancar pihak ketiga. Selain itu, beberapa jenama telefon bimbit juga telah melancarkan kedai tema dan ikon khas untuk pengguna memilih dan menukar ikon. Di kedai aplikasi utama,

Apakah yang dimaksudkan dengan ikon UC 5G dan 5G UW pada telefon pintar mudah alih T anda? Apakah yang dimaksudkan dengan ikon UC 5G dan 5G UW pada telefon pintar mudah alih T anda? Feb 24, 2024 pm 06:10 PM

Pengguna T-Mobile telah mula menyedari bahawa ikon rangkaian pada skrin telefon mereka kadangkala membaca 5GUC, manakala pembawa lain membaca 5GUW. Ini bukan kesilapan menaip, tetapi mewakili jenis rangkaian 5G yang berbeza. Malah, pengendali sentiasa mengembangkan liputan rangkaian 5G mereka. Dalam topik ini, kita akan melihat maksud ikon 5GUC dan 5GUW yang dipaparkan pada telefon pintar T-Mobile. Kedua-dua logo mewakili teknologi 5G yang berbeza, masing-masing mempunyai ciri dan kelebihan tersendiri. Dengan memahami maksud tanda ini, pengguna boleh memahami dengan lebih baik jenis rangkaian 5G yang mereka sambungkan supaya mereka boleh memilih perkhidmatan rangkaian yang paling sesuai dengan keperluan mereka. Ikon 5GUCVS5GUW dalam T

Bagaimana untuk memasukkan ikon excel ke dalam slaid PPT Bagaimana untuk memasukkan ikon excel ke dalam slaid PPT Mar 26, 2024 pm 05:40 PM

1. Buka PPT dan putar halaman ke halaman di mana anda perlu memasukkan ikon excel. Klik tab Sisipkan. 2. Klik [Objek]. 3. Kotak dialog berikut akan muncul. 4. Klik [Buat daripada fail] dan klik [Semak imbas]. 5. Pilih jadual excel yang hendak disisipkan. 6. Klik OK dan halaman berikut akan muncul. 7. Tandakan [Show as icon]. 8. Klik OK.

Bagaimana untuk membuat asal Padam dari Skrin Utama dalam iPhone Bagaimana untuk membuat asal Padam dari Skrin Utama dalam iPhone Apr 17, 2024 pm 07:37 PM

Memadamkan sesuatu yang penting daripada skrin utama anda dan cuba mendapatkannya semula? Anda boleh meletakkan ikon apl kembali pada skrin dalam pelbagai cara. Kami telah membincangkan semua kaedah yang boleh anda ikuti dan meletakkan semula ikon aplikasi pada skrin utama Cara Buat Asal Alih Keluar dari Skrin Utama dalam iPhone Seperti yang kami nyatakan sebelum ini, terdapat beberapa cara untuk memulihkan perubahan ini pada iPhone. Kaedah 1 – Gantikan Ikon Apl dalam Pustaka Apl Anda boleh meletakkan ikon apl pada skrin utama anda terus daripada Pustaka Apl. Langkah 1 – Leret ke sisi untuk mencari semua apl dalam pustaka apl. Langkah 2 – Cari ikon apl yang anda padamkan sebelum ini. Langkah 3 – Hanya seret ikon apl dari pustaka utama ke lokasi yang betul pada skrin utama. Ini adalah gambar rajah aplikasi

Bagaimana untuk menyimpan susun atur kedudukan ikon desktop dalam Windows 11 Bagaimana untuk menyimpan susun atur kedudukan ikon desktop dalam Windows 11 Aug 23, 2023 pm 09:53 PM

Windows 11 membawa banyak perkara kepada jadual dari segi pengalaman pengguna, tetapi lelaran itu tidak sepenuhnya kalis ralat. Pengguna menghadapi masalah dari semasa ke semasa, dan perubahan pada kedudukan ikon adalah perkara biasa. Jadi bagaimana untuk menyimpan susun atur desktop dalam Windows 11? Terdapat penyelesaian terbina dalam dan pihak ketiga untuk tugas ini, sama ada ia menyimpan resolusi skrin tetingkap semasa atau susunan ikon desktop. Ini menjadi lebih penting bagi pengguna yang mempunyai sekumpulan ikon pada desktop mereka. Teruskan membaca untuk mengetahui cara menyimpan lokasi ikon desktop dalam Windows 11. Mengapa Windows 11 tidak menyimpan kedudukan susun atur ikon? Berikut ialah sebab utama mengapa Windows 11 tidak menyimpan reka letak ikon desktop: Perubahan pada tetapan paparan: Biasanya, apabila anda mengubah suai tetapan paparan, penyesuaian yang dikonfigurasikan

See all articles