CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

ch04

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-03-14 08:51:55 -05:00
parent c9bb4ba5c5
commit bea3068292
319 changed files with 1275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
Chapter ZIPs/HTML/chapter6/clip/index.html Normal file
View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS3 background-clip</title>
<meta charset="utf-8">
<style>
.test { background-image: url(myislandback.jpg);
background-clip: content-box;
width: 400px;
padding: 20px;
margin-bottom: 10px;
border: 10px dashed #000;
}
.test1 { background-image: url(myislandback.jpg);
background-clip: padding-box;
width: 400px;
padding: 20px;
margin-bottom: 10px;
border: 10px dashed #000;
}
.test2 { background-image: url(myislandback.jpg);
background-clip: border-box;
width: 400px;
padding: 20px;
margin-bottom: 10px;
border: 10px dashed #000;
}
</style>
</head>
<body>
<div class="test">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
</div>
<div class="test1">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
</div>
<div class="test2">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
</div>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter6/clip/myislandback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB