양끝이 둥근 모서리 박스를 구현하려구 하는데요..
큰모듬
2023.04.01
.lt {background:url(../images/sub/bg/bg_lt.gif) no-repeat left top; width:9px; height:9px;}
.rt {background:url(../images/sub/bg/bg_rt.gif) no-repeat right top; width:9px; height:9px;}
.lb {background:url(../images/sub/bg/bg_lb.gif) no-repeat left bottom; width:9px; height:9px;}
.rb {background:url(../images/sub/bg/bg_rb.gif) no-repeat right bottom; width:9px; height:9px;}
div
div class=lt/div
div class=rt/divdiv class=lb/div
div class=rb/div
/div
유동적인 박스를 만들어야해서 이런식으로 하였을때 위치값은 어떤식으로 잡아야하나요?
전체 박스가 960X200 이거든요..
조언 감사합니다.
-
고독
감사합니다^^
-
캐릭터
박스에 position:relative 를 주고, 라운딩이 들어간 div 들은 position:absolute로 위치하면 됩니다.
.lt{position:absolute;left:0;top:0;}
.rb{position:absolute;right:0;bottom:0;}