esercizi su css
This commit is contained in:
146
css14.html
Normal file
146
css14.html
Normal file
@@ -0,0 +1,146 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test</title>
|
||||
<meta name="author" content="xgiovio"/>
|
||||
<meta name="description" content="A simple test page"/>
|
||||
<meta name="keywords" content="Ormai google non se le fila piu"/>
|
||||
<meta name ="robots" content="index"/>
|
||||
<meta charset="utf-8"/>
|
||||
<!-- <link rel="stylesheet" href="style.css" type="text/css" /> !-->
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
body{
|
||||
|
||||
|
||||
counter-reset: c;
|
||||
|
||||
}
|
||||
|
||||
|
||||
p#logo {
|
||||
|
||||
font-size: 36pt;
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
p#logo > span:nth-child(1) {
|
||||
|
||||
|
||||
color: rgb(0,0,0)
|
||||
|
||||
|
||||
}
|
||||
p#logo > span:nth-child(2) {
|
||||
|
||||
|
||||
color: rgb(50,50,50)
|
||||
|
||||
|
||||
}
|
||||
p#logo > span:nth-child(3) {
|
||||
|
||||
|
||||
color: rgb(100,100,100)
|
||||
|
||||
|
||||
}
|
||||
p#logo > span:nth-child(4) {
|
||||
|
||||
|
||||
color: rgb(200,200,200)
|
||||
|
||||
|
||||
}
|
||||
|
||||
p.sublogo {
|
||||
|
||||
font-size: 30pt;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
|
||||
h2.innerheader{
|
||||
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td.inner{
|
||||
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
|
||||
<p id="logo"> <span>R</span>
|
||||
<span>A</span>
|
||||
<span>I</span>
|
||||
<span>N</span>
|
||||
|
||||
</p>
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<p class="sublogo">Ristorante con grande terrazza sul mare</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
|
||||
<td class="inner">
|
||||
|
||||
<h2 class="innerheader">fdfdsfds</h2>
|
||||
</td>
|
||||
|
||||
<td class="inner">
|
||||
|
||||
|
||||
<h2 class="innerheader">fsdgfdgfdsg</h2>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user