JavaScript/HTML
common.js div 라운드 둥글게
아이티.파머
2010. 7. 23. 13:28
반응형
@CHARSET "UTF-8";
/**
css3
-moz-border-radius-topleft / -webkit-border-top-left-radius (좌측 상단 모서리)
-moz-border-radius-topright / -webkit-border-top-right-radius (우측 상단 모서리)
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius (좌측 하단 모서리)
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius (우측 하단 모서리)
*/
.div_outsider {display : table}
.div_outsider_round {
display : table-cell;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid silver;
text-align: center;
vertical-align: middle;
/**width: 400px;
height: 70px;*/
}
.div_outsider_round span{
vertical-align: middle;
}
<div class="div_outsider_round" style="width: 200px;height: 70px;">
반응형