Naloga02

Oblikovanje gumbov

Gumbe skušamo nekoliko preoblikovati z uporabo css -a. Uporabimo naslednji stil, ki ga zapišemo za značko <html>:

<style>

    .button {

        background-color: #4CAF50;

        border: none;

        color: white;

        width:100%;

        padding: 15px 32px;

        text-align: center;

        font-size: 20px;

        margin: 4px 2px;

        cursor: pointer;

</style>

Pri gumbih stil upoštevamo z atributom razreda, class ("width" brišemo):

<button id="gumbPrižgi1" class="button" onClick="prižgi1()">Prižgi Z</button>

Izgled vmesnika:

Google Sites

Report abuse