55 lines
1.5 KiB
HTML
55 lines
1.5 KiB
HTML
<html>
|
|
<head>
|
|
<style type="text/css">
|
|
div.h_box {
|
|
background-color: green;
|
|
height: 60px;
|
|
box-shadow: 12px 12px 16px black;
|
|
margin: 24px;
|
|
}
|
|
#shadowed_box1 {
|
|
border-radius: 0 0 60px 60px;
|
|
}
|
|
#shadowed_box2 {
|
|
border-radius: 60px 60px 0 0;
|
|
}
|
|
#shadowed_box3 {
|
|
border-radius: 60px 60px 60px 60px;
|
|
}
|
|
div.v_box {
|
|
background-color: green;
|
|
height: 200px;
|
|
width: 60px;
|
|
box-shadow: 12px 12px 16px black;
|
|
margin: 20px;
|
|
}
|
|
#shadowed_box4 {
|
|
border-radius: 60px 0 0 60px;
|
|
}
|
|
#shadowed_box5 {
|
|
border-radius: 0 60px 60px 0;
|
|
}
|
|
#shadowed_box6 {
|
|
border-radius: 0 60px 0 60px;
|
|
}
|
|
#shadowed_box7 {
|
|
border-radius: 60px 0 60px 0;
|
|
}
|
|
#shadowed_box8 {
|
|
border-radius: 60px 60px 60px 60px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="h_box" id="shadowed_box1"></div>
|
|
<div class="h_box" id="shadowed_box2"></div>
|
|
<div class="h_box" id="shadowed_box3"></div>
|
|
<table><tr><td>
|
|
<div class="v_box" id="shadowed_box4"></div></td><td>
|
|
<div class="v_box" id="shadowed_box5"></div></td><td>
|
|
<div class="v_box" id="shadowed_box6"></div></td><td>
|
|
<div class="v_box" id="shadowed_box7"></div></td><td>
|
|
<div class="v_box" id="shadowed_box8"></div>
|
|
</td></tr></table>
|
|
</body>
|
|
</html> |