JAVA_EE/CSS
[21.09.23]exam02(07_cssShadowCursor) -
luvforjunk
2021. 9. 23. 22:13
728x90
반응형
<style>
div{
width: 150px;
height: 70px;
padding: 10px;
border: 10px solid gold;
background-image: url(“../img/img1.png”);
background-size: 200px 100px;
background-repeat: no-repeat;
}
.redBox{
box-shadow: 10px 10px red;
}
.blurBox{
box-shadow: 10px 10px 5px skyblue;
}
.multiEffect{
box-shadow: 2px 2px 2px black,
0 0 25px blue,
0 0 5px darkblue;
}
</style>
<body>
<h3>박스 그림자 만들기</h3>
<hr>
<div class=”redBox”>튜브와 함게</div>
<div class=”blurBox”>튜브와 함게</div>
<div class=”multiEffect”>튜브와 함게</div>
</body>
728x90
반응형