티스토리 뷰

HTML_CSS/CSS Battle

1-5. Acid Rain

LHOIKTN 2021. 10. 14. 12:50

 

<div id='item1'></div>
<div id='item2'></div>
<div id='item3'></div>
<style>
*{
    margin: 0;
    padding:0;
    background:#0B2429;
  }
  
  body{
    width:400px;
    height:300px;
    position:relative;
  }
  
  div {
	background: #F3AC3C;
  }
  
  #item1{
    position:absolute;
    width:120px;
    height:120px;
    border-radius: 50%;
    top:30px;
    left:200px;
  }
  
  
    #item2{
    position:absolute;
    width:120px;
    height:120px;
    border-radius: 50% 0 50% 50%;
    top:90px;
    left:140px;
    background: #998235;
  }
  
  #item3{
    position:absolute;
    width:120px;
    height:120px;
    border-radius: 50% 0 50% 50%;
    top:150px;
    left:80px
  }
</style>
728x90

'HTML_CSS > CSS Battle' 카테고리의 다른 글

1-7. Leafy Trail  (0) 2021.10.14
1-6. Missing Slice  (0) 2021.10.14
1-4. Ups n Downs  (0) 2021.10.14
1-3. Push Button  (0) 2021.10.14
1-2. Carrom  (0) 2021.10.14
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함