css实用功能

1，border-radius

对于这种的，其实是两张图片，但是我们拿到图之后是方形的，这哥时候就需要使用css的border-radius，border-radius有4个数值，分别为左上，右上，左下，右下，一点点调试即可

2，图片居中在div

<div style="text-align: center; width: 500px; border: green solid 1px;">
<img alt="" src="" style="margin: 0 auto;" />
</div>

 

<div style="text-align: center; width: 500px;height:200px; display: table;border: green solid 1px;">   
<span style="display: table-cell; vertical-align: middle; ">
<img alt="" src="" style="display: inline-block;" />
</span>
</div>