CSSでこれをどうやって作るのですか？

Question

CSS3でこのようなことをどうすればできますか？

私のHTMLコードは、このようなものです：

<div class="gadget_header"> 
    <div class="gadget_title"> 
     <h3>Login</h3> 
    </div> 
</div> 
<div class="gadget_container"></div> 

Answer 1

.gadget_header{ 
    width: 200px; 
} 

.gadget_title{ 
    width: 80px; 
    background: #fff; 
    border: 1px solid #fff; 
    border-top-right-radius: 10px; 
    border-top-left-radius: 10px; 
} 

h3{ 
    text-align: center; 
    margin: 0px; 
} 

.gadget_container{ 
    width: 200px; 
    height: 200px; 
    background-color: #fff; 
} 

これは、開始する必要があります。あなたにはまだ分かりません。