如何在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; 
} 

这应该是一个开始。你还有一点需要弄清楚。