add pico css

This commit is contained in:
Andrea Moro 2025-01-20 08:40:40 +01:00
parent 6f8d34417f
commit 28498993cb

View file

@ -25,43 +25,19 @@ try {
} }
?> ?>
<html> <html lang="en">
<head> <head>
<title>HTML</title> <title>HTML</title>
<style> <link
#customers { rel="stylesheet"
font-family: Arial, Helvetica, sans-serif; href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
border-collapse: collapse; >
width: 100%;
}
#customers td, #customers th {
border: 1px solid #ddd;
padding: 8px;
}
#customers tr:nth-child(even) {
background-color: #f2f2f2;
}
#customers tr:hover {
background-color: #ddd;
}
#customers th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #04AA6D;
color: white;
}
</style>
</head> </head>
<body> <body>
<table> <table>
<tr id="customers"> <tr>
<th>Cognome</th> <th>Cognome</th>
<th>Nome</th> <th>Nome</th>
<th>Note</th> <th>Note</th>