add pico css
This commit is contained in:
parent
6f8d34417f
commit
28498993cb
1 changed files with 6 additions and 30 deletions
|
@ -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>
|
||||||
|
|
Loading…
Add table
Reference in a new issue