some exercies on css3 box model and flex

This commit is contained in:
2014-11-23 22:07:03 +01:00
parent be34f479d5
commit 5c9f10d07f
7 changed files with 503 additions and 0 deletions

83
css_box3.html Normal file
View File

@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<title>css</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"/>
<style>
textarea {
background-image:url(sky.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 50px;
border: 50px dotted black;
background-origin:border-box;
background-clip: border-box;
}
p {
width:200px;
display:inline-block;
padding:10px;
margin:100px;
border:solid;
}
</style>
</head>
<body>
<p >
a fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
</p>
<p >sdsadsa sda fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
</p>
</body>
</html>