이게 최선일까요??
하예진
style
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
.box {width:112px; text-align:center;}
.box span {display:block; padding:5px 0; background:#f7f2df;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
border:1px solid #9a8f61; border-bottom:none;
}
.box p {border-top:1px solid #9a8f61; background:#dfd3ad;
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
border:1px solid #9a8f61;
padding:3px 0;
}
/style
div class=box
span영차/span
p2014-05-15/p
/div
위의 이미지를 CSS로 작업한건데...
이게 최선일까요?? ㅡㅡ;;
-
들햇님
^.^
-
별
소스가 이리 짧아질수 있군요...감솨~~^^
-
보르미
이미지 보고 만들어 보았습니다.
p.aaa {width:112px;padding:5px 0 0 0;font-size:12px;line-height:1.5;text-align:center;border:1px solid #9a8f61;border-radius:5px;background:#f7f2df;}
span.date {display:inline-block;width:100%;margin:5px 0 0 0;font-size:11px;border-top