본문 바로가기
JavaScript/HTML

common.js div 라운드 둥글게

by 아이티.파머 2010. 7. 23.
반응형

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



반응형

'JavaScript > HTML' 카테고리의 다른 글

HTML5 API How is support browser ?  (0) 2012.07.19
HTML A Tag href  (0) 2012.02.15
fckeditor 2.6.6 - ckeditor  (0) 2011.05.04
http://www.corechain.com/index.html  (0) 2010.11.19
JSTL expected  (0) 2010.07.07