Aggiunti i font e cambiato il colore del testo e dello sfondo
This commit is contained in:
parent
6962501c65
commit
4fffb00700
15
index.html
15
index.html
@ -1,10 +1,10 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel=stylesheet href="mystyle.css">
|
||||
<link rel=stylesheet href="./mystyle.css">
|
||||
<title>Cartoline</title>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Cartoline natalizie</h1></center>
|
||||
<center><h1 class="titolo">Cartoline natalizie</h1></center>
|
||||
<div id="cartoline">
|
||||
<button class="cartoline-posizione" type="button">
|
||||
<div class="cartolina-davanti">
|
||||
@ -21,6 +21,9 @@
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<p class="cartolina-testo">Sereno Natale<p>
|
||||
<p class="cartolina-testo">Pieno di felicità</p>
|
||||
</div>
|
||||
@ -42,6 +45,9 @@
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<p class="cartolina-testo">Mi raccomando,<p>
|
||||
<p class="cartolina-testo">Fate i buoni tutto l'anno!</p>
|
||||
<p class="cartolina-testo">-Babbo Natale</p>
|
||||
@ -64,6 +70,9 @@
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<p class="cartolina-testo">Buon Natale<p>
|
||||
<p class="cartolina-testo">E felice anno nuovo 💕</p>
|
||||
</div>
|
||||
@ -74,6 +83,6 @@
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<center><p>Clicca su una cartolina per vedere il messaggio</p></center>
|
||||
<center><p class="help">Clicca su una cartolina per vedere il messaggio</p></center>
|
||||
</body>
|
||||
</html>
|
||||
19
mystyle.css
19
mystyle.css
@ -1,8 +1,8 @@
|
||||
|
||||
body{
|
||||
background-color: #ae0d13;
|
||||
color: #ddab46;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
body{
|
||||
background-color: #9ee37d;
|
||||
color: #19323c;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
/* contenitore della cartolina */
|
||||
#cartoline {
|
||||
@ -57,4 +57,13 @@
|
||||
padding-right: 40px;
|
||||
color: black;
|
||||
text-align: right;
|
||||
font-family: "League Script", cursive;
|
||||
}
|
||||
|
||||
.help{
|
||||
font-family: "Agbalumo", system-ui;
|
||||
}
|
||||
|
||||
.titolo{
|
||||
font-family: "Norican", serif;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user