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;">



반응형