Informatică Dezvoltare web
Cum fac un buton in HTML si CSS?
Pentru a face un buton în HTML și CSS, folosești eticheta <button> în HTML și stilizezi cu proprietăți CSS. Butonul poate avea text, culori și efecte interactive. Acesta este un element esențial pentru navigarea și acțiunile utilizatorilor pe site-uri web.
Crearea butonului în HTML
- 1 Adaugă eticheta <button> Scrie în fișierul HTML: <button>Click me</button> pentru un buton de bază cu textul "Click me".
- 2 Atributul type Specifică tipul butonului, de exemplu: <button type="submit">Trimite</button> pentru formulare.
- 3 Adaugă un ID sau clasă Atribuie un identificator pentru stilizare, cum ar fi <button id="myButton">Buton</button>.
Stilizarea butonului cu CSS
- 1 Setează culoarea de fundal și text În CSS, scrie: #myButton { background-color: blue; color: white; } pentru a face butonul albastru cu text alb.
- 2 Adaugă padding și border Mărește spațiul interior și adaugă o bordură: #myButton { padding: 10px 20px; border: 2px solid black; }
- 3 Creează efecte la hover Folosește pseudo-clasa :hover pentru interactivitate: #myButton:hover { background-color: darkblue; }
Testează butonul în diferite browsere pentru a te asigura că funcționează și arată bine pe toate dispozitivele.