Tombol CSS. Wuku. Gaya. estetika

Mbokmenawa ora siji situs ora tanpa referential sawijining kaca tombol liyane. Saben uwong sing kepengin kanggo nggawa menyang manungsa waé situs, lan ing wektu sing padha nggunakake macem-macem liya. Ing desain web ngolah kalebu rancangan tombol, kang beda-beda miturut paramèter beda - loro ing ukuran lan wangun, lan efek lan ing.

tombol CSS sing paling trep. Kanggo wayahe padha bisa rampung ngganti gaya. Lan, mesthi, iku menehi kesempatan tambahan kanggo desain saka situs minangka wutuh.

Kanggo wiwitan, supaya kebingungan lan nuntut, iku perlu ngerti sawetara konsèp.

CSS, kang

CSS, kang tegese ing terjemahan "Sheets runtun Gaya", iku dina siji saka teknologi utama ing Internet. Tanpa basa iki dipercaya kanggo biaya paling salah siji situs.

CSS-kode - panuntun kanggo browser sing ngemot informasi kayata unsur tampilan ing kaca lan ngendi kanggo nindakaken.

Gampang kanggo nyimpen instruksi ing file kapisah karo .css extension. Ing tangan liyane, padha bisa diselehake ing awal html-document.

Button ing situs. Apa iku

Button, utawa Graphic kanggo navigasi ing situs iki kudu narik kawigaten manungsa waé saka manca kanggo ndeleng dheweke iki ndhelikake ing perlu, lan ing Kajaba iku, iku bakal pengin klik. Nalika iku cekap padhang lan penting, iku bakal njaluk ngeweruhi. tombol iki bisa mbujuk pengunjung, contone, ninggalake komentar ing situs, utawa ngirim panjalukan kanggo langganan newsletter menarik, lan, mesthi, mung mindhah bagean pengguna dijaluk ing situs iki.

Tombol statis, animasi, dinamis, swara lan tanpa iku.

Padha bisa khusus digawe, contone, ing Photoshop, lan ngunggahaké gambar ing situs iki, lan bisa gampang lan cepet teka munggah karo wong-wong mau ing CSS ing.

tombol CSS

Priksa tombol iki gampang banget. Ing kauntungan gedhe nggunakake iku padha ing sembarang wektu, mung saperangan saka detik, sampeyan bisa ngganti ngluwihi pangenalan.

Kaya kang kita mangerteni, ana telu tombol:

• ngaso nalika ora mengkono tindakan karo, minangka mung browsing kaca;
• posisi ing kisaran kursor liwat;
• lan ngaktifake nalika diklik.

Tombol lengkap kanthi katampil ing browser kaya Firefox, Safari, Opera, Chrome. Ing wektu sing padha ing Internet Explorer 9, tombol ora bakal katampil ing lengkap. Contone, babak sudhut, teks Shadow lan stroke watara tombol bakal ora katon kene amarga kasunyatan sing situs iki ora didhukung dening browser iki. Nanging, ing umum, CSS-tombol kanggo situs katon apik ing versi browser. Ing Internet Explorer 8 lan versi liyane ngisor kawolu ing tombol ora bakal volume katon, nanging ing wektu sing padha, kanggo njaga katon robahan.

Yen kita mbandhingaké tombol ing wangun saka gambar lan tombol CSS, prabédan punika papan ing server bakal rampung salaras. Nanging tombol CSS bakal ngurangi jumlah panjalukan kanggo server, nanging bakal dadi kauntungan cetha dibandhingake tombol minangka gambar.

Pranyata metu sing malah yen dhukungan saka sifat CSS ing Internet Explorer lan ora, tombol iki bakal isih katon luwih menang saka gambar prasaja, amarga mung bab sing bakal ilang pangguna ing Internet Exporer, supaya kanggo ndeleng iku estetika saka teknologi modern ing Web -Design. Nanging iku kekurangan cukup immaterial.

Kanggo saben posisi diwenehi dhewe gaya. gaya sing ditulis ing berkas .css khusus utawa antarane tags sirah ing banget kaca.

Panggonan tombol ing website

Antarane kode tags awak ditulis:

ngendi

id = "button2" kene iku jeneng diutus kanggo tombol,

href = http: // situs / artikel / 175988 /% E2% 80% 9D% D0% 93% D0% 98% D0% 9F% D0% 95% D0% A0% D0% A1% D0% A1% D0% AB % D0% 9B% D0% 9A% D0% 90% E2% 80% 9D sing diwenehi link langsung menyang document dikarepake,

TEXT - teks dicithak katampil ing tombol.

Gaya kanggo tombol

1. tombol CSS Gaya direkam dhewe ing dokumen utawa ing kaca dhewe:

2. Kaping ditulis tombol CSS, nalika lagi ana ing liyane:

3. paramèter Luwih sing direkam, cocog kanggo tombol nalika hovers liwat. Yen ing kasus iki, mung owah-owahan werna lan shading, lan gaya, kabeh tetep padha, kajaba kanggo werna lan shading:

4. Lan pilihan pungkasan yaiku posisi tombol dipencet kursor ing. Asring ing kasus kaya mengkono mung owah-owahan minimal, kayata werna, minangka ing ngono:

CSS - tombol ayu

Kanggo nggawe jurang pemisah, sampeyan bisa nggunakake tombol. Iku paling apik kanggo pisanan babak tombol ing sembarang gambar editor, kayata Photoshop, supaya sampeyan ngerti persis apa mengkono ing mburi. Yen sampeyan nggunakake Photoshop, banjur pisanan wis duwe sawetara robahan, nanging ing Kajaba iku, sampeyan bisa ngundhuh luwih lan luwih, jenis sing arep njaluk ing situs.

Èkspèrimèn kanthi CSS-kode lan ganti warna paramèter, iku bisa kanggo ngganti tombol CSS ayu, lan kanthi pilihan, kanggo entuk asil sing dipengini.

paramèter iki:

- werna teks ing tombol;

- ukuran teks lan tombol;

- tombol werna jurang pemisah;

- tombol ngarepke radius;

- lan werna saka dheweke stroke.

Strictly ngandika, sampeyan bisa kanthi aman, tanpa wedi, kanggo ngayahi lan milih pilihan sing paling apik. Senadyan nomer cilik paramèter, sampeyan bisa nggawe banget warna ing tombol gaya.