Ich habe mich noch einmal dran gesetzt! Habt ihr Verbesserungsvorschläge?
<html>
<head>
<title>Cupcakes!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Cupcake Factory</h1>
<center><img src="https://png.pngtree.com/png-vector/20200531/ourlarge/pngtree-cupcake-illustration-in-icon-drawn-style-png-image_2216376.jpg" alt="Cupcakes" width="300px" height="301px"></center>
<br>
<br>
<br>
<center><table border="3px" color="pink" cellpadding="5px"></center>
<th colspan="3">Unsere Preise</th>
<tr>
<td>XXL Cupcake</td>
<td>€5,99</td>
</tr>
<tr>
<td>Mini Cupcake (Arvid)</td>
<td>€0,99</td>
</tr>
<html>
CSS:
h1 {
color:#FFC0CB;
font-family:Arial;
font-size:60px;
background-color:#F5F5F5;
padding-top:20px;
text-align:center;
letter-spacing:10px;
font-variant:weight;
}
body {
background-color:#F5F5F5;
}
table {
border:2px solid;
color:#FFC0CB;
font-family:Arial;
}
th {
color:black;
background-color:pink;
font-family:Arial;
}
tr {
color:black;
background-color:#ea899a;
font-family:Arial Black;
HTML,
CSS