Knapper

Artiklen er opdateret den: 15. december 2022

Knap-1

Knap-1 default – <a class="knap knap-1" href="#">Knap-1</a>

Ændring af font-size til 2rem – .knap-1 {font-size:2rem}

Ændring af baggrundsfarven – .knap-1 {background:#a60505}

Knap-2 default – <a class="knap knap-2" href="#">Knap-2</a>

Ændring af font-size til 2rem – .knap-2 {font-size:2rem}

Knap-3 default – <a class="knap knap-3" href="#">Knap-3</a>

Ændring af font-size til 2rem – .knap-3 {font-size:2rem}

Ændring af var –color – .knap-3 {--color:8a1616}

Knap-4 default – <a class="knap knap-4" href="#">Knap-4</a>

Ændring af font-size til 2rem – .knap-4 {font-size:2rem}

Knap-5 default – <a class="knap knap-5" href="#">Knap-5</a>

Ændring af font-size til 3rem – .knap-5 {font-size:3rem}

Ændring af background og var –hover – .knap-5 {background: linear-gradient(to right, #14a2c3, #240b36); --hover:rgb(36 22 64);}

Knap-6 default – <a class="knap knap-6" href="#">Knap-6</a>

Et billede med link

Et billede med link og en ændring af overflade farven – .knap-6 {background: 980000;}